From bfb0485598eae9ddd7a31461c4dd4f29835fecd4 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Thu, 28 May 2026 00:43:05 +0200
Subject: [PATCH] feat(ui): redesign header with a DaisyUI navbar

Use the proper navbar-start/navbar-end structure with a horizontal menu
for the Report / View defects links, a red-dot brand mark echoing the
weak-point map, and a sticky shadowed bar. Rename the brand to the less
terse "Project Board Andon".
---
 app/layouts/default.vue | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index f9a1cdd..334d9db 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -5,19 +5,26 @@
 
 <template>
   <div class="min-h-screen">
-    <header class="navbar border-base-300 border-b">
-      <NuxtLink to="/" class="btn btn-ghost text-xl">Andon</NuxtLink>
-      <nav class="ml-auto flex gap-1">
-        <NuxtLink to="/" class="btn btn-ghost btn-sm" exact-active-class="btn-active">
-          Report
-        </NuxtLink>
-        <NuxtLink
-          to="/defects"
-          class="btn btn-ghost btn-sm"
-          exact-active-class="btn-active"
-        >
-          View defects
+    <header
+      class="navbar bg-base-100 border-base-300 sticky top-0 z-10 border-b px-4 shadow-sm"
+    >
+      <div class="navbar-start">
+        <NuxtLink to="/" class="btn btn-ghost gap-2 text-xl font-semibold">
+          <span class="size-2.5 rounded-full bg-[#e11d48]" aria-hidden="true" />
+          Project Board Andon
         </NuxtLink>
+      </div>
+      <nav class="navbar-end">
+        <ul class="menu menu-horizontal gap-1 px-0">
+          <li>
+            <NuxtLink to="/" exact-active-class="menu-active">Report</NuxtLink>
+          </li>
+          <li>
+            <NuxtLink to="/defects" exact-active-class="menu-active">
+              View defects
+            </NuxtLink>
+          </li>
+        </ul>
       </nav>
     </header>