bvandeusen
447bf73519
Every view showed a large empty band at the top (operator-flagged during the Vuetify-4 review; pre-existing). Cause: .fc-content had padding-top:64px to clear the navbar, but TopNav is position:sticky and already reserves its own space in the v-app flex column — the 64px was a fixed-navbar leftover that double-counted the offset. Removed it; content now flows directly below the sticky nav (and the full-height calc(100vh-64px) views no longer overflow). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
29 lines
838 B
Vue
29 lines
838 B
Vue
<template>
|
|
<slot v-if="route.meta.immersive" />
|
|
<template v-else>
|
|
<TopNav />
|
|
<main class="fc-content">
|
|
<slot />
|
|
</main>
|
|
</template>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useRoute } from 'vue-router'
|
|
import TopNav from './TopNav.vue'
|
|
|
|
const route = useRoute()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.fc-content {
|
|
min-height: 100vh;
|
|
/* NO padding-top: the TopNav is position:sticky, so it already reserves its
|
|
own space in the v-app flex column — content flows directly below it. The
|
|
old 64px padding-top was a leftover from a FIXED navbar and double-counted
|
|
that space, leaving a large empty band at the top of EVERY view (and pushing
|
|
the full-height calc(100vh - 64px) views down so they overflowed). Removed
|
|
2026-07-13. Scrolled content still slides under the sticky nav as before. */
|
|
}
|
|
</style>
|