From 1f01015936e44832ab5abf2b2ee11832d881c00e Mon Sep 17 00:00:00 2001
From: Warsono <warsono16694@gmail.com>
Date: Wed, 22 Feb 2023 18:52:03 +0700
Subject: [PATCH] feat(nuxt-admin): add dark mode switcher

---
 starter/nuxt-admin/components/Admin/Sidebar.vue |  2 +-
 starter/nuxt-admin/components/Aside/Header.vue  | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/starter/nuxt-admin/components/Admin/Sidebar.vue b/starter/nuxt-admin/components/Admin/Sidebar.vue
index 5ecb3b0ec..45cdb8868 100644
--- 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
index ef342a9a3..eb172da7a 100644
--- 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>