From 42780f450b0c2f97e652f0ff496b70e4d75cbe48 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Tue, 18 Apr 2023 16:16:17 -0300
Subject: [PATCH] Fix mobile menu button

---
 src/components/Navbar/NavbarMobile.vue | 40 +++++++++-----------------
 1 file changed, 13 insertions(+), 27 deletions(-)

diff --git a/src/components/Navbar/NavbarMobile.vue b/src/components/Navbar/NavbarMobile.vue
index 3a6214c..7002ac9 100644
--- a/src/components/Navbar/NavbarMobile.vue
+++ b/src/components/Navbar/NavbarMobile.vue
@@ -1,40 +1,23 @@
 <template>
   <button
     type="button"
-    class="
-      inline-flex
-      items-center
-      p-2 z-50
-      ml-3
-      text-sm
-      text-primary-content
-      rounded-lg
-      md:hidden
-      print:hidden"
+    class="inline-flex items-center p-2 z-50 ml-3 text-sm text-primary-content rounded-lg md:hidden print:hidden"
     aria-controls="mobile-menu"
     aria-expanded="false"
     @click="toggleMenu"
   >
     <span class="sr-only">Open main menu</span>
     <IconClose v-if="isMenuVisible" />
-    <IconHamburger v-else />
+    <IconHamburger
+      class="w-6 h-6"
+      v-else
+    />
   </button>
 
   <AnimationOpacity>
     <div
       v-if="isMenuVisible"
-      class="
-        absolute
-        top-full
-        left-0
-        w-full
-        z-50
-        bg-base-foreground
-        text-base-content
-        block
-        shadow-md
-        md:hidden
-        print:hidden"
+      class="absolute top-full left-0 w-full z-50 bg-base-foreground text-base-content block shadow-md md:hidden print:hidden"
     >
       <nav class="font-normal container mx-auto">
         <ul class="flex flex-col m-0 p-0 border-t border-base-border">
@@ -51,7 +34,9 @@
             </router-link>
           </li>
           <li>
-            <SwitchTheme class="text-base-content p-4 pt-3 pb-3 border-b w-full border-base-border" />
+            <SwitchTheme
+              class="text-base-content w-full p-4 pt-3 pb-3 block box-border border-b border-b-base-border"
+            />
           </li>
         </ul>
       </nav>
@@ -66,6 +51,7 @@ import SwitchTheme from '../SwitchTheme.vue'
 const { header_links } = __APP_ENV__
 const isMenuVisible = ref(false)
 
-const toggleMenu = () => { isMenuVisible.value = !isMenuVisible.value }
-
-</script>
\ No newline at end of file
+const toggleMenu = () => {
+  isMenuVisible.value = !isMenuVisible.value
+}
+</script>