From 25892539527ffd67e20819989403eb0b16254a89 Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Sun, 7 May 2023 08:54:30 +0800
Subject: [PATCH] feat: navbar menu

---
 src/layouts/components/DefaultLayout.vue | 15 ++++++++-------
 src/pages/index.vue                      |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index c7ac8939..a0bf2b9c 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { Icon } from '@iconify/vue';
 import { useThemeConfig } from '@/plugins/vuetify/@core/composable/useThemeConfig';
 
 // Components
@@ -51,18 +52,18 @@ blockchain.$subscribe((m, s) => {
   <VerticalNavLayout :nav-items="blockchain.computedChainMenu">
     <!-- 👉 navbar -->
     <template #navbar="{ toggleVerticalOverlayNavActive }">
-      <div class="d-flex h-100 align-center">
-        <IconBtn
-          v-if="isLessThanOverlayNavBreakpoint(windowWidth)"
-          class="ms-n3"
+      <div class="flex items-center py-3">
+        <div
+          class="text-2xl pr-3 cursor-pointer xl:hidden"
           @click="toggleVerticalOverlayNavActive(true)"
         >
-          <VIcon icon="mdi-menu" />
-        </IconBtn>
+          <Icon icon="mdi-menu" />
+        </div>
 
         <UserProfile />
 
-        <VSpacer />
+        <div class="flex-1"></div>
+
         <!-- <NavSearchBar />-->
         <NavBarNotifications class="hidden md:inline-block" />
         <NavBarI18n class="hidden md:inline-block" />
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 202275b5..a868abbd 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -34,7 +34,7 @@ const chain = useBlockchain();
       <h1 class="text-primary text-3xl md:text-6xl font-bold mr-2">
         Ping dashboard
       </h1>
-      <div class="badge badge-info badge-outline mt-1 text-sm md:mt-8">
+      <div class="badge badge-primary badge-outline mt-1 text-sm md:mt-8">
         Beta
       </div>
     </div>