Merge branch 'v3-single' of https://github.com/alisaweb3/explorer into v3-single

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">
+      <div class="flex items-center py-3">
-        <IconBtn
+        <div
-          v-if="isLessThanOverlayNavBreakpoint(windowWidth)"
+          class="text-2xl pr-3 cursor-pointer xl:hidden"
-          class="ms-n3"
           @click="toggleVerticalOverlayNavActive(true)"
         >
-          <VIcon icon="mdi-menu" />
+          <Icon icon="mdi-menu" />
-        </IconBtn>
+        </div>
 
         <UserProfile />
 
-        <VSpacer />
+        <div class="flex-1"></div>
+
         <!-- <NavSearchBar />-->
         <NavBarNotifications class="hidden md:inline-block" />
         <NavBarI18n class="hidden md:inline-block" />

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>