From 9b4a3e00c779c4c3d5e0104fdc4df62312a8cc49 Mon Sep 17 00:00:00 2001
From: Keyemail <hatsunepatrick@gmail.com>
Date: Sat, 31 Aug 2024 17:55:09 -0700
Subject: [PATCH] QoS icon added; Finished dashboard UI

---
 src/pages/basicDashboard/Overview.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/pages/basicDashboard/Overview.vue b/src/pages/basicDashboard/Overview.vue
index 2625b73..faaf134 100644
--- a/src/pages/basicDashboard/Overview.vue
+++ b/src/pages/basicDashboard/Overview.vue
@@ -76,6 +76,21 @@
       </RouterLink>
       <RouterLink to="/basic/QoS">
         <li>
+          <svg version="1.1" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
+            <g transform="matrix(1.2433 0 0 1.2433 -14.308 -13.81)">
+              <circle cx="60" cy="60" r="34.221" fill="none" stroke="#fff" stroke-width="8.32"/>
+              <g fill="#fff">
+                <rect x="49.221" y="14.964" width="21.558" height="13.375"/>
+                <rect transform="rotate(135)" x="-10.773" y="-129.85" width="21.558" height="13.8"/>
+                <rect transform="rotate(225)" x="-95.638" y="-45" width="21.558" height="14.5"/>
+                <rect transform="rotate(45)" x="74.074" y="-44.999" width="21.558" height="14"/>
+                <rect transform="rotate(-45)" x="-10.782" y="39.851" width="21.558" height="14.4"/>
+                <rect transform="rotate(-90)" x="-70.211" y="15.034" width="21.558" height="14.243"/>
+                <rect transform="rotate(90)" x="48.769" y="-105.17" width="21.558" height="14.423"/>
+                <rect x="49.233" y="90.573" width="21.558" height="14.405"/>
+              </g>
+            </g>
+          </svg>
           <h3>
             QoS
           </h3>
@@ -84,6 +99,17 @@
       </RouterLink>
       <RouterLink to="/basic/guestnetwork">
         <li>
+          <svg version="1.1" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
+            <rect x="27.041" y="8.3281" width="65.918" height="103.34" ry="1.5063" fill="none" stroke="#fff" stroke-width="8.32"/>
+              <g transform="translate(1.903 -11.525)">
+                <circle cx="51.094" cy="81.91" r="6.3641" fill="#fff"/>
+                <path transform="rotate(225)" d="m-81.44-18.393a13.101 13.101 0 0 1-10.945 9.5983 13.101 13.101 0 0 1-13.056-6.4385" fill="none" stroke="#fff" stroke-width="8.32"/>
+                <path transform="rotate(225)" d="m-71.49-15.693a23.184 23.184 0 0 1-19.427 17.565 23.184 23.184 0 0 1-23.405-11.754" fill="none" stroke="#fff" stroke-width="8.32"/>
+              </g>
+            <rect x="52.402" y="11.847" width="15.195" height="4.8374" ry=".92591" fill="none" stroke="#fff" stroke-width="2.5323"/>
+            <rect x="66.448" y="12" width="25.935" height="5.9475" rx="0" ry="0" fill="#fff"/>
+            <rect x="29.744" y="12.003" width="23.803" height="5.9269" rx="0" ry="0" fill="#fff"/>
+          </svg>
           <h3>
             Guest Network
           </h3>