cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: NavFooter

Browse Source
This commit is contained in:
Alisa | Side.one 2023-05-12 21:14:09 +08:00
parent 42329764dd
commit efee84d0ea
3 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layouts/components/DefaultLayout.vue
View File

@ -4,8 +4,7 @@ import { ref } from 'vue';
import { useThemeConfig } from '@/plugins/vuetify/@core/composable/useThemeConfig'; import { useThemeConfig } from '@/plugins/vuetify/@core/composable/useThemeConfig';
// Components // Components
// import Footer from '@/layouts/components/Footer.vue'; import newFooter from '@/layouts/components/NavFooter.vue';
import newFooter from '@/layouts/components/newFooter.vue';
import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'; import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue';
import UserProfile from '@/layouts/components/ChainProfile.vue'; import UserProfile from '@/layouts/components/ChainProfile.vue';
@ -13,11 +12,8 @@ import { useDashboard } from '@/stores/useDashboard';
// @layouts plugin // @layouts plugin
import NavBarI18n from './NavBarI18n.vue'; import NavBarI18n from './NavBarI18n.vue';
import NavSearchBar from './NavSearchBar.vue';
import NavBarNotifications from './NavBarNotifications.vue'; import NavBarNotifications from './NavBarNotifications.vue';
import NavBarWallet from './NavBarWallet.vue'; import NavBarWallet from './NavBarWallet.vue';
import TheCustomizer from '@/plugins/vuetify/@core/components/TheCustomizer.vue';
import Breadcrumbs from './Breadcrumbs.vue';
import { useBlockchain } from '@/stores'; import { useBlockchain } from '@/stores';
const { appRouteTransition } = useThemeConfig(); const { appRouteTransition } = useThemeConfig();
@ -44,7 +40,9 @@ const sidebarShow = ref(false);
> >
<div class="flex items-center pl-4 py-4 mb-1"> <div class="flex items-center pl-4 py-4 mb-1">
<img class="w-10 h-10" src="../../assets/logo.svg" /> <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"> <div class="pr-4 cursor-pointer xl:hidden" @click="sidebarShow = false">
<Icon icon="mdi-close" class="text-3xl" /> <Icon icon="mdi-close" class="text-3xl" />
</div> </div>

2
src/layouts/components/newFooter.vue → src/layouts/components/NavFooter.vue
View File

@ -1,5 +1,5 @@
<template> <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"> <div class="items-center grid-flow-col">
&copy; &copy;
{{ new Date().getFullYear() }} {{ new Date().getFullYear() }}

11
src/layouts/default.vue
View File

@ -1,10 +1,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import { useSkins } from '@core/composable/useSkins'; import { useSkins } from '@core/composable/useSkins';
import { useThemeConfig } from '@core/composable/useThemeConfig'; import DefaultLayout from './components/DefaultLayout.vue';
const DefaultLayout = defineAsyncComponent(
() => import('./components/DefaultLayout.vue')
);
const { layoutAttrs, injectSkinClasses } = useSkins(); const { layoutAttrs, injectSkinClasses } = useSkins();
@ -14,8 +10,3 @@ injectSkinClasses();
<template> <template>
<DefaultLayout v-bind="layoutAttrs" /> <DefaultLayout v-bind="layoutAttrs" />
</template> </template>
<style lang="scss">
// As we are using `layouts` plugin we need its styles to be imported
@use '@layouts/styles/default-layout';
</style>