merge

frontend/NOTES.md

@@ -18,6 +18,12 @@
 
 [x] Fix mega menu bugs
 
+[ ] Fix mega menu exit mouse cursor functionality
+
+[ ] Loading logo gif with compression
+
+[ ] Loading logo gif with compression
+
 [ ] Pause marquee on mouse hover
 
 [ ] Replace new svg files

frontend/components/global/MegaMenu.vue

@@ -147,14 +147,18 @@ onMounted(() => {
         mode="out-in"
     >
         <div
+            class="max-md:hidden fixed right-0 top-0 w-full z-1100 h-svh"
             v-if="isOpen"
             :style="{ marginTop: `${navbarHeight}px` }"
-            class="max-md:hidden fixed right-0 top-0 w-full z-1100 bg-black/50 h-svh border-t border-slate-200 flex justify-center"
         >
-            <div class="container">
             <div
-                    class="flex h-200 bg-white rounded-b-2xl"
-                    @mouseleave="$emit('update:isOpen', false)"
+                class="absolute w-full h-full bg-black/50 flex justify-center"
+                @mouseenter="$emit('update:isOpen', false)"
+            />
+
+            <div class="container relative z-10">
+                <div
+                    class="flex h-200 bg-white rounded-b-2xl border-t border-slate-200"
                 >
                     <div class="bg-slate-100 p-4 flex flex-col overflow-y-auto mask-b-from-90% pb-8">
                         <button