Merge pull request #16 from Roman-wdesign/fix/DEV-close-menu-navbar

fix: display nav menu on desktop
Roman-wdesign · Sep 4, 2024 · 17ba62f · 17ba62f
2 parents d58abfa + 18017db
commit 17ba62f
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/shared/components/TheNavbar.vue b/src/shared/components/TheNavbar.vue
@@ -57,7 +57,7 @@ onUnmounted(() => {
                     </div>
                 </div>
                 <!-- Mobile Menu  -->
-                <ul v-show="showMenu" ref="menuRef"
+                <ul ref="menuRef" :class="{ 'flex': showMenu, 'hidden': !showMenu, 'md:flex': true }"
                     class="absolute top-full left-0 w-full  bg-indigo-600 dark:bg-gray-400 flex-col mt-4 space-y-4 md:static md:mt-0 md:flex md:flex-row md:items-center md:space-y-0 md:space-x-10">
                     <li>
                         <div>