nitrix/fete
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases 13 Wiki Activity

Unify header as fixed top bar with action slot

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
nitrix
2026-03-13 21:40:22 +01:00
parent 9483e9b1f7
commit 7817ad182b
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/App.vue
View File

@@ -2,6 +2,7 @@
<div class="app-container"> <div class="app-container">
<header v-if="route.name !== 'home'" class="app-header"> <header v-if="route.name !== 'home'" class="app-header">
<BackLink /> <BackLink />
<div id="header-actions"></div>
</header> </header>
<RouterView /> <RouterView />
</div> </div>
@@ -16,11 +17,19 @@ const route = useRoute()
<style scoped> <style scoped>
.app-header { .app-header {
position: absolute; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 10; z-index: 100;
padding-top: var(--spacing-lg); display: flex;
align-items: center;
justify-content: space-between;
padding: var(--spacing-lg) var(--content-padding);
pointer-events: none;
}
.app-header :deep(*) {
pointer-events: auto;
} }
</style> </style>