feat(nuxt-admin): add dark mode switcher

gitsindonesia · Feb 22, 2023 · 1f01015 · 1f01015 · github-actions · Feb 22, 2023
1 parent 74d255d
commit 1f01015
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/starter/nuxt-admin/components/Admin/Sidebar.vue b/starter/nuxt-admin/components/Admin/Sidebar.vue
@@ -34,7 +34,7 @@ const menus = props.menus || appConfig.admin.menus;
 
     <VInput
       v-if="appConfig.admin.search.enable"
-      wrapper-class="w-full px-4 mb-4"
+      wrapper-class="w-full px-4 mb-4 mt-2"
       placeholder="Search"
       prepend-icon="ri:search-line"
     />

diff --git a/starter/nuxt-admin/components/Aside/Header.vue b/starter/nuxt-admin/components/Aside/Header.vue
@@ -1,8 +1,8 @@
 <template>
-  <NuxtLink
-    to="/admin"
-    class="flex justify-start items-center gap-2 py-5 w-full px-4 mb-2"
-  >
-    <Logo />
-  </NuxtLink>
+  <header class="px-4 flex justify-between items-center py-5">
+    <NuxtLink to="/admin">
+      <Logo />
+    </NuxtLink>
+    <ColorModeSwitcher />
+  </header>
 </template>