padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

commit part 1 to hide footer

Browse source 
commit part 2 to hide footer
This commit is contained in:
padreug 2025-02-15 01:39:11 +01:00
parent d1ac7da1a6
commit 8df44506c0
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/App.vue
View file

@ -1,17 +1,22 @@
<script setup lang="ts"> <script setup lang="ts">
import { useTheme } from '@/components/theme-provider' import { useTheme } from '@/components/theme-provider'
import { computed } from 'vue'
import { useRoute } from 'vue-router'
import Navbar from '@/components/layout/Navbar.vue' import Navbar from '@/components/layout/Navbar.vue'
import Footer from '@/components/layout/Footer.vue' import Footer from '@/components/layout/Footer.vue'
// Initialize theme // Initialize theme
useTheme() useTheme()
const route = useRoute()
const showFooter = computed(() => route.path !== '/support')
</script> </script>
<template> <template>
<div class="min-h-screen bg-background font-sans antialiased"> <div class="min-h-screen bg-background font-sans antialiased">
<div class="relative flex min-h-screen flex-col" <div class="relative flex min-h-screen flex-col"
style="padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom)"> style="padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom)">
<header class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"> <header
class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<nav class="container flex h-14 items-center"> <nav class="container flex h-14 items-center">
<Navbar /> <Navbar />
</nav> </nav>
@ -21,7 +26,7 @@ useTheme()
<router-view /> <router-view />
</main> </main>
<Footer /> <Footer v-if="showFooter" />
</div> </div>
</div> </div>
</template> </template>