From ec726a8d106992b4e4a9fd79863b64ea2112a218 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 17 Jul 2024 16:49:26 +0700
Subject: <iman> update voucher

---
 src-migrate/modules/promo/components/Voucher.tsx    | 4 ++--
 src-migrate/modules/promo/styles/voucher.module.css | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'src-migrate')

diff --git a/src-migrate/modules/promo/components/Voucher.tsx b/src-migrate/modules/promo/components/Voucher.tsx
index 729d957e..e5877e51 100644
--- a/src-migrate/modules/promo/components/Voucher.tsx
+++ b/src-migrate/modules/promo/components/Voucher.tsx
@@ -52,8 +52,8 @@ const VoucherComponent = () => {
     },
     loop: false,
     className: 'h-[160px] w-full',
-    slidesPerView: isMobile ? 1.2 : 3,
-    spaceBetween: 16,
+    slidesPerView: isMobile ? 1.2 : 3.2,
+    spaceBetween: 2,
   };
   
   const dataVouchers = useMemo(() => voucherQuery.data || [], [voucherQuery.data]);
diff --git a/src-migrate/modules/promo/styles/voucher.module.css b/src-migrate/modules/promo/styles/voucher.module.css
index bcb8169f..22d07f91 100644
--- a/src-migrate/modules/promo/styles/voucher.module.css
+++ b/src-migrate/modules/promo/styles/voucher.module.css
@@ -7,7 +7,7 @@
 }
 
 .voucher-card {
-    @apply w-11/12 h-3/4 rounded-xl border items-center border-gray-200 shadow-md p-4 flex gap-x-4 ;
+    @apply w-full md:w-11/12 h-3/4 rounded-xl border items-center border-gray-200 shadow-md p-4 flex gap-x-4 ;
 }
 
 .voucher-image {
-- 
cgit v1.2.3