diff --git a/components/Nav/Navbar.vue b/components/Nav/Navbar.vue index 5fe4408f61590064fcbeefb8998fd2d6b07202d2..5384e5dfe158844dbdd64d1cac51866cf25ac99a 100644 --- a/components/Nav/Navbar.vue +++ b/components/Nav/Navbar.vue @@ -24,10 +24,6 @@ watchEffect(() => { theme.global.name.value = switchTheme.value ? "dark" : "light"; }) -// function toggleSwitchTheme() { - -// theme.global.name.value = switchTheme.value ? "light" : "dark"; -// } const sections = ref([ { id: "webservice", diff --git a/layouts/article-no-toc.vue b/layouts/article-no-toc.vue index 4e842a7aef41b9f6fd1cab4816f0b9eb1dcf9f7c..12b7006d3d82dcf41ca73f33a6d0e3b80ba643a4 100644 --- a/layouts/article-no-toc.vue +++ b/layouts/article-no-toc.vue @@ -1,22 +1,11 @@ -<script setup lang="ts"> -const { page } = useContent(); -// import { useCustomTheme } from '~/composables/useCustomTheme' -import { useDisplay } from 'vuetify' -// const { isDark } = useCustomTheme() -// const { mobile } = useDisplay() - - -</script> <template> <VApp> <v-main style="min-height: 300px"> <v-container> <slot /> - <!-- <EditGitlab /> --> <NavPrevNext /> </v-container> - <!-- <Footer></Footer> --> </v-main> <NavNavbar /> <nav-back-to-top /> diff --git a/layouts/article.vue b/layouts/article.vue index 1312a62fb7d3e2dae3847873bd2fe6db72bb7440..1f197401633a141979ca599eaf1c63398214da29 100644 --- a/layouts/article.vue +++ b/layouts/article.vue @@ -1,12 +1,8 @@ <script setup lang="ts"> const { page } = useContent(); -// import { useCustomTheme } from '~/composables/useCustomTheme' -import { useDisplay } from 'vuetify' - - const scrollThreshold = ref(200) -const density = ref("prominent") -function onScroll(e) { +const density = ref<'compact' | 'prominent'>("prominent") +function onScroll() { if (window.scrollY > scrollThreshold.value) { density.value = "compact" } @@ -15,12 +11,7 @@ function onScroll(e) { </script> <template> <VApp> - <v-main style="min-height: 300px"> - - <!-- <v-container class="fill-height w-auto" > --> - <!-- <v-card flat max-width="1000" min-height="300" color="transparent"> - <v-card-text> --> <v-container v-scroll="onScroll"> <slot /> <!-- </v-card-text>