From 5156f5e4cf3af7cb1f53e3a5a42143b56f4177cb Mon Sep 17 00:00:00 2001
From: Techit Thawiang <techit@thawia.ng>
Date: Tue, 30 Sep 2025 13:06:25 +0700
Subject: [PATCH] =?UTF-8?q?add=20=E0=B8=9A=E0=B8=A3=E0=B8=B4=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A3=20dropdown=20for=20small=20screen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/web-header.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/components/web-header.vue b/app/components/web-header.vue
index 6b89375..c790e00 100755
--- a/app/components/web-header.vue
+++ b/app/components/web-header.vue
@@ -29,6 +29,22 @@
                         </UFieldGroup>
                     </div>
                 </div>
+                <div class="flex sm:hidden w-fit items-center">
+                    <UDropdownMenu
+                        size="sm"
+                        :items="siteTitleItems"
+                        :content="{
+                            align: 'end',
+                            side: 'bottom',
+                            sideOffset: 8
+                        }"
+                        :ui="{
+                            content: 'w-36'
+                        }"
+                    >
+                        <UButton size="sm" label="บริการ" icon="i-lucide-map" color="neutral" variant="outline" />
+                    </UDropdownMenu>
+                </div>
             </div>
         </div>
         <nav class="site-navbar">
@@ -47,7 +63,7 @@
                     </ul>
                 </div>
                 <div class="flex sm:hidden w-fit float-right">
-                    <UButton @click="toggleMobileNavbar" size="sm" variant="subtle" color="neutral" icon="i-lucide-menu"/>
+                    <UButton @click="toggleMobileNavbar" size="sm" variant="subtle" color="neutral" :icon="mobileNavbar ? 'i-lucide-x' : 'i-lucide-menu'"/>
                 </div>
             </div>
         </nav>