From f6b3e16e4ceba44f72983736b8a10ed3f80f9cae Mon Sep 17 00:00:00 2001
From: Anbraten <6918444+anbraten@users.noreply.github.com>
Date: Thu, 31 Jul 2025 23:44:13 +0200
Subject: [PATCH] Replace header bg with border (#5380)

---
 web/src/components/layout/scaffold/Header.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/src/components/layout/scaffold/Header.vue b/web/src/components/layout/scaffold/Header.vue
index 770754b6f..bc1071d0e 100644
--- a/web/src/components/layout/scaffold/Header.vue
+++ b/web/src/components/layout/scaffold/Header.vue
@@ -1,9 +1,6 @@
 <template>
-  <header
-    class="border-wp-background-400 bg-wp-background-100 text-wp-text-100 dark:border-wp-background-100 dark:bg-wp-background-300 border-b"
-    :class="{ 'md:px-4': fullWidth }"
-  >
-    <Container :full-width="fullWidth" class="py-0!">
+  <header class="border-wp-background-400 text-wp-text-100" :class="{ 'md:px-4': fullWidth }">
+    <Container :full-width="fullWidth" class="relative py-0!">
       <div class="flex w-full flex-col gap-2 py-3 md:flex-row md:items-center md:justify-between md:gap-10">
         <div
           class="flex min-h-10 content-start items-center"
@@ -47,6 +44,8 @@
           <slot name="tabActions" />
         </div>
       </div>
+
+      <div class="bg-wp-background-400 -mt-px h-px w-full rounded-md" />
     </Container>
   </header>
 </template>