From f72cd40b42ca85620cd268bc31606445fcdb068b Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Thu, 22 Jan 2026 09:53:47 +0700
Subject: [PATCH] Navigation: bg-base-100 with shadow instead of bg-base-200

---
 app/components/navigation/MainNavigation.vue | 2 +-
 app/components/navigation/SubNavigation.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/navigation/MainNavigation.vue b/app/components/navigation/MainNavigation.vue
index bfc4297..0c205ba 100644
--- a/app/components/navigation/MainNavigation.vue
+++ b/app/components/navigation/MainNavigation.vue
@@ -1,5 +1,5 @@
 <template>
-  <header class="bg-base-200 border-b border-base-300">
+  <header class="bg-base-100 shadow-md">
     <div class="relative flex items-center h-16 px-4 lg:px-6">
       <!-- Left: Logo -->
       <div class="flex items-center">
diff --git a/app/components/navigation/SubNavigation.vue b/app/components/navigation/SubNavigation.vue
index b7c6704..236c465 100644
--- a/app/components/navigation/SubNavigation.vue
+++ b/app/components/navigation/SubNavigation.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav v-if="items.length > 0" class="bg-base-200 border-b border-base-300">
+  <nav v-if="items.length > 0" class="bg-base-100 shadow-sm">
     <div class="flex items-center gap-1 py-2 px-4 lg:px-6 overflow-x-auto">
       <NuxtLink
         v-for="item in items"