refactor: optimize UI/UX styling and layout responsiveness across cart, modal, and product components
This commit is contained in:
@@ -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 class="w-full flex flex-col gap-4 lg:gap-6">
|
||||||
<div
|
<div
|
||||||
v-if="hasCartItem"
|
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
|
<Skeleton
|
||||||
v-if="cartIsLoading"
|
v-if="cartIsLoading"
|
||||||
|
|||||||
Reference in New Issue
Block a user