From efee84d0ea9cd54dfa6a81f1cb8c4d0a7f7e701f Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Fri, 12 May 2023 21:14:09 +0800
Subject: [PATCH] feat: NavFooter

---
 src/layouts/components/DefaultLayout.vue              | 10 ++++------
 .../components/{newFooter.vue => NavFooter.vue}       |  2 +-
 src/layouts/default.vue                               | 11 +----------
 3 files changed, 6 insertions(+), 17 deletions(-)
 rename src/layouts/components/{newFooter.vue => NavFooter.vue} (94%)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 37410b50..c72b4348 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -4,8 +4,7 @@ import { ref } from 'vue';
 import { useThemeConfig } from '@/plugins/vuetify/@core/composable/useThemeConfig';
 
 // Components
-// import Footer from '@/layouts/components/Footer.vue';
-import newFooter from '@/layouts/components/newFooter.vue';
+import newFooter from '@/layouts/components/NavFooter.vue';
 import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue';
 import UserProfile from '@/layouts/components/ChainProfile.vue';
 
@@ -13,11 +12,8 @@ import { useDashboard } from '@/stores/useDashboard';
 
 // @layouts plugin
 import NavBarI18n from './NavBarI18n.vue';
-import NavSearchBar from './NavSearchBar.vue';
 import NavBarNotifications from './NavBarNotifications.vue';
 import NavBarWallet from './NavBarWallet.vue';
-import TheCustomizer from '@/plugins/vuetify/@core/components/TheCustomizer.vue';
-import Breadcrumbs from './Breadcrumbs.vue';
 import { useBlockchain } from '@/stores';
 
 const { appRouteTransition } = useThemeConfig();
@@ -44,7 +40,9 @@ const sidebarShow = ref(false);
     >
       <div class="flex items-center pl-4 py-4 mb-1">
         <img class="w-10 h-10" src="../../assets/logo.svg" />
-        <h1 class="flex-1 ml-3 text-2xl font-semibold dark:text-white">Ping.pub</h1>
+        <h1 class="flex-1 ml-3 text-2xl font-semibold dark:text-white">
+          Ping.pub
+        </h1>
         <div class="pr-4 cursor-pointer xl:hidden" @click="sidebarShow = false">
           <Icon icon="mdi-close" class="text-3xl" />
         </div>
diff --git a/src/layouts/components/newFooter.vue b/src/layouts/components/NavFooter.vue
similarity index 94%
rename from src/layouts/components/newFooter.vue
rename to src/layouts/components/NavFooter.vue
index 3295ca87..df69ed7a 100644
--- a/src/layouts/components/newFooter.vue
+++ b/src/layouts/components/NavFooter.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer items-center p-4 text-base mb-4">
+  <footer class="footer items-center p-4 text-sm mb-4">
     <div class="items-center grid-flow-col">
       &copy;
       {{ new Date().getFullYear() }}
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index be184465..56790461 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,10 +1,6 @@
 <script lang="ts" setup>
 import { useSkins } from '@core/composable/useSkins';
-import { useThemeConfig } from '@core/composable/useThemeConfig';
-
-const DefaultLayout = defineAsyncComponent(
-  () => import('./components/DefaultLayout.vue')
-);
+import DefaultLayout from './components/DefaultLayout.vue';
 
 const { layoutAttrs, injectSkinClasses } = useSkins();
 
@@ -14,8 +10,3 @@ injectSkinClasses();
 <template>
   <DefaultLayout v-bind="layoutAttrs" />
 </template>
-
-<style lang="scss">
-// As we are using `layouts` plugin we need its styles to be imported
-@use '@layouts/styles/default-layout';
-</style>