Merge pull request #103 from zackha/dev

Dev
zackha · May 18, 2024 · 7845a7a · 7845a7a
2 parents 1766ba1 + 4cc7c8a
commit 7845a7a
Show file tree

Hide file tree

Showing 3 changed files with 11,330 additions and 6,119 deletions.
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
@@ -80,10 +80,15 @@
           </div>
         </div>
       </div>
-      <div class="hover:bg-[#e9e9e9] hover:dark:bg-[#262626] w-12 h-12 flex items-center justify-center rounded-full relative">
+      <div @click="cart = !cart" class="hover:bg-[#e9e9e9] hover:dark:bg-[#262626] w-12 h-12 flex items-center justify-center rounded-full relative cursor-pointer">
         <Icon class="text-[#5f5f5f] dark:text-[#b7b7b7]" name="fa6-solid:bag-shopping" size="22" />
         <div v-if="cart" class="w-[18px] rounded-full absolute bg-[#e60023] top-1 right-1 text-xs font-semibold leading-[16px] pb-0.5 text-center text-white">1</div>
       </div>
+      <div
+        v-if="cart"
+        class="h-[calc((100vh-80px)-8px)] mt-[80px] mb-2 mx-2 min-w-[360px] shadow-2xl rounded-2xl bottom-0 right-0 fixed bg-white text-black flex justify-center items-center">
+        cart
+      </div>
     </div>
   </div>
   <div v-if="suggestionMenu" class="fixed inset-0 z-40">