From 7817ad182b26cd0aebc380a15c2feeeba5f6f727 Mon Sep 17 00:00:00 2001
From: nitrix <me@nitrix.one>
Date: Fri, 13 Mar 2026 21:40:22 +0100
Subject: [PATCH] Unify header as fixed top bar with action slot

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/App.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 9d0fb1a..4c40cd1 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -2,6 +2,7 @@
   <div class="app-container">
     <header v-if="route.name !== 'home'" class="app-header">
       <BackLink />
+      <div id="header-actions"></div>
     </header>
     <RouterView />
   </div>
@@ -16,11 +17,19 @@ const route = useRoute()
 
 <style scoped>
 .app-header {
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   right: 0;
-  z-index: 10;
-  padding-top: var(--spacing-lg);
+  z-index: 100;
+  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>