chore: wip

chore: wip

Author: chrisbbreuer

resources/views/dashboard/index.vue

@@ -16,6 +16,7 @@ useHead({
             </dt>
 
             <dd class="w-full flex-none text-xl text-gray-900 font-medium leading-10 tracking-tight dark:text-gray-100">
+              <span class="i-hugeicons-user-multiple h-5 w-5 mr-2 mb-1 text-gray-400"></span>
               12,345
             </dd>
           </div>
@@ -26,6 +27,7 @@ useHead({
             </dt>
 
             <dd class="w-full flex-none text-xl text-gray-900 font-medium leading-10 tracking-tight dark:text-gray-100">
+              <span class="i-hugeicons-rocket h-5 w-5 mr-2 mb-1 text-gray-400"></span>
               # 206
             </dd>
           </div>
@@ -36,6 +38,7 @@ useHead({
             </dt>
 
             <dd class="w-full flex-none text-xl text-gray-900 font-medium leading-10 tracking-tight dark:text-gray-100">
+              <span class="i-hugeicons-download-04 h-5 w-5 mr-2 mb-1 text-gray-400"></span>
               345,678
             </dd>
           </div>
@@ -46,6 +49,7 @@ useHead({
             </dt>
 
             <dd class="w-full flex-none text-xl text-gray-900 font-medium leading-10 tracking-tight dark:text-gray-100">
+              <span class="i-hugeicons-user-group h-5 w-5 mr-2 mb-1 text-gray-400"></span>
               45,678
             </dd>
           </div>

storage/framework/components/Dashboard/Sidebar.vue

@@ -35,8 +35,7 @@ const toggleSection = (section: keyof typeof sections.value) => {
               <ul role="list" class="mt-2 -mx-2 space-y-1">
                 <li>
                   <RouterLink to="/" class="group sidebar-links">
-                    <div
-                      class="i-hugeicons-home-05 h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                    <div class="i-hugeicons-home-05 h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Dashboard
                   </RouterLink>
                 </li>
@@ -60,31 +59,28 @@ const toggleSection = (section: keyof typeof sections.value) => {
               <ul role="list" class="mt-2 -mx-2 space-y-1 section-content" :class="sections.library ? 'expanded' : 'collapsed'">
                 <li>
                   <RouterLink to="/components" class="sidebar-links group">
-                    <div
-                      class="i-hugeicons-puzzle h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                    <div class="i-hugeicons-puzzle h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Components
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/functions" class="sidebar-links group">
-                    <div
-                      class="i-hugeicons-function-square h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                    <div class="i-hugeicons-function-square h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Functions
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/releases" class="sidebar-links group">
-                    <div class="i-hugeicons-right-to-left-list-number h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                    <div class="i-hugeicons-right-to-left-list-number h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Releases
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/packages" class="sidebar-links group">
-                    <div
-                      class="i-hugeicons-package h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                    <div class="i-hugeicons-package h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Packages
                   </RouterLink>
                 </li>
@@ -108,47 +104,45 @@ const toggleSection = (section: keyof typeof sections.value) => {
               <ul role="list" class="mt-2 -mx-2 space-y-1 section-content" :class="sections.app ? 'expanded' : 'collapsed'">
                 <li>
                   <RouterLink to="/deployments" class="sidebar-links group">
-                    <div
-                      class="i-hugeicons-rocket h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                    <div class="i-hugeicons-rocket h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Deployments
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/requests" class="sidebar-links group">
-                    <div
-                      class="i-hugeicons-search-01 h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                    <div class="i-hugeicons-search-01 h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Requests
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/actions" class="sidebar-links group">
-                    <div class="i-hugeicons-function-of-x h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                    <div class="i-hugeicons-function-of-x h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Actions
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/commands" class="sidebar-links group">
                     <div
-                      class="i-hugeicons-command-line h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                      class="i-hugeicons-command-line h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Commands
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/jobs" class="sidebar-links group">
                     <div
-                      class="i-hugeicons-queue-02 h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                      class="i-hugeicons-queue-02 h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Jobs
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/notifications" class="sidebar-links group">
                     <div
-                      class="i-hugeicons-notification-square h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                      class="i-hugeicons-notification-square h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Notifications
                   </RouterLink>
                 </li>
@@ -214,23 +208,23 @@ const toggleSection = (section: keyof typeof sections.value) => {
                 <li>
                   <RouterLink to="/dns" class="sidebar-links">
                     <div
-                      class="i-hugeicons-global-search h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                      class="i-hugeicons-global-search h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     <span class="truncate">DNS</span>
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/emails" class="sidebar-links">
                     <div
-                      class="i-hugeicons-at h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                      class="i-hugeicons-at h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     <span class="truncate">Emails</span>
                   </RouterLink>
                 </li>
 
                 <li>
                   <RouterLink to="/logs" class="sidebar-links group">
                     <div
-                      class="i-hugeicons-search-list-01 h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700" />
+                      class="i-hugeicons-search-list-01 h-5 w-5 text-gray-500 transition duration-150 ease-in-out dark:text-gray-200 group-hover:text-gray-700 mt-0.5" />
                     Logs
                   </RouterLink>
                 </li>