From 9e6a29a8f10933249303cf3799cc9940149c6fef Mon Sep 17 00:00:00 2001
From: Mamalizz-dev <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 13 May 2026 13:13:50 +0330
Subject: [PATCH] refactor: optimize UI/UX styling and layout responsiveness
 across cart, modal, and product components

---
 frontend/pages/cart/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/pages/cart/index.vue b/frontend/pages/cart/index.vue
index d236761..2bc6b60 100644
--- a/frontend/pages/cart/index.vue
+++ b/frontend/pages/cart/index.vue
@@ -29,7 +29,7 @@ const hasCartItem = computed(() => !!cart.value && cart.value.items.length! > 0)
     <div class="w-full flex flex-col gap-4 lg:gap-6">
         <div
             v-if="hasCartItem"
-            class="flex items-center justify-between w-full gap-3 px-4 py-4 rounded-xl bg-slate-50 border border-slate-200"
+            class="flex items-center justify-between w-full gap-3 px-4 py-2 lg:py-4 rounded-xl bg-slate-50 border border-slate-200"
         >
             <Skeleton
                 v-if="cartIsLoading"