From dbd39180c8ee5191f9b74d72663c2b5682fdb98a Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Fri, 9 Jan 2026 14:21:06 +0800
Subject: [PATCH] wrap tabs in app bar

---
 .../src/components/library/TabNavigation.vue  | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/next-ui/src/components/library/TabNavigation.vue b/next-ui/src/components/library/TabNavigation.vue
index 753ed40f..e1e89684 100644
--- a/next-ui/src/components/library/TabNavigation.vue
+++ b/next-ui/src/components/library/TabNavigation.vue
@@ -1,12 +1,18 @@
 <template>
-  <v-tabs :items="routes">
-    <template #tab="{ item: route }">
-      <v-tab
-        :text="route.title"
-        :to="route.to"
-      />
-    </template>
-  </v-tabs>
+  <v-app-bar>
+    <v-tabs
+      :items="routes"
+      center-active
+      grow
+    >
+      <template #tab="{ item: route }">
+        <v-tab
+          :text="route.title"
+          :to="route.to"
+        />
+      </template>
+    </v-tabs>
+  </v-app-bar>
 </template>
 
 <script setup lang="ts">