Update promotion program feature

7 files changed, 91 insertions, 71 deletions

diff --git a/src-migrate/modules/cart/styles/CartItem.module.css b/src-migrate/modules/cart/styles/CartItem.module.css
deleted file mode 100644
index 8ee3d3e9..00000000
--- a/src-migrate/modules/cart/styles/CartItem.module.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.wrapper {
-    @apply border-b border-gray-300 pb-8;
-}
-
-.mainProdWrapper {
-    @apply flex;
-}
-
-.image {
-    @apply h-32 w-32 rounded flex p-2 border border-gray-300;
-}
-
-.noImage {
-    @apply m-auto font-semibold text-gray-400;
-}
-
-.details {
-    @apply ml-4 flex flex-col gap-y-1;
-}
-
-.name {
-    @apply font-medium;
-}
-
-.spacing2 {
-    @apply h-2;
-}
-
-.discPriceSection {
-    @apply flex gap-x-2.5;
-}
-
-.priceBefore {
-    @apply line-through text-gray-500;
-}
-
-.price {
-    @apply text-red-600 font-medium;
-}
-
-.savingAmt {
-    @apply text-success-600;
-}
-
-.weightLabel {
-    @apply text-gray-500;
-}
diff --git a/src-migrate/modules/cart/styles/ProductPromo.module.css b/src-migrate/modules/cart/styles/ProductPromo.module.css
deleted file mode 100644
index 3f6e7a05..00000000
--- a/src-migrate/modules/cart/styles/ProductPromo.module.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.wrapper {
-    @apply ml-16 mt-4 flex;
-}
-
-.imageWrapper {
-    @apply h-24 w-24 border border-gray-300 rounded p-2.5;
-}
-
-.details {
-    @apply ml-4 flex flex-col gap-y-1;
-}
-
-.name {
-    @apply font-medium;
-}
-
-.code,
-.weightLabel {
-    @apply text-gray-600;
-}
-
-.quantity {
-    @apply py-2.5 bg-gray-100 border border-gray-300 h-fit my-auto rounded-md ml-auto font-medium w-12 text-center;
-}
diff --git a/src-migrate/modules/cart/styles/CartDetail.module.css b/src-migrate/modules/cart/styles/detail.module.css
index 42d492bb..42d492bb 100644
--- a/src-migrate/modules/cart/styles/CartDetail.module.css
+++ b/src-migrate/modules/cart/styles/detail.module.css
diff --git a/src-migrate/modules/cart/styles/CartItemAction.module.css b/src-migrate/modules/cart/styles/item-action.module.css
index e4db7fa5..e4db7fa5 100644
--- a/src-migrate/modules/cart/styles/CartItemAction.module.css
+++ b/src-migrate/modules/cart/styles/item-action.module.css
diff --git a/src-migrate/modules/cart/styles/item-promo.module.css b/src-migrate/modules/cart/styles/item-promo.module.css
new file mode 100644
index 00000000..17dbf1c7
--- /dev/null
+++ b/src-migrate/modules/cart/styles/item-promo.module.css
@@ -0,0 +1,31 @@
+.wrapper {
+    @apply md:ml-16 ml-12 mt-4 flex;
+}
+
+.imageWrapper {
+    @apply md:h-24 md:w-24 md:min-w-[96px]
+    h-20 w-20 min-w-[80px] 
+    border border-gray-300 rounded 
+    p-2.5;
+}
+
+.image {
+    @apply w-full h-full object-contain;
+}
+
+.details {
+    @apply ml-4 flex flex-col gap-y-1;
+}
+
+.name {
+    @apply font-medium;
+}
+
+.code,
+.weightLabel {
+    @apply text-gray-600;
+}
+
+.quantity {
+    @apply w-12 min-w-[48px] py-2.5 bg-gray-100 border border-gray-300 h-fit my-auto rounded-md ml-auto font-medium text-center;
+}
diff --git a/src-migrate/modules/cart/styles/item.module.css b/src-migrate/modules/cart/styles/item.module.css
new file mode 100644
index 00000000..6380cdad
--- /dev/null
+++ b/src-migrate/modules/cart/styles/item.module.css
@@ -0,0 +1,60 @@
+.wrapper {
+    @apply border-b border-gray-300 pb-8;
+}
+
+.header {
+    @apply mb-4 flex items-center text-caption-1 leading-6;
+}
+
+.badgeType {
+    @apply min-w-fit p-2 flex gap-x-1.5 rounded-md border border-danger-500 text-danger-500;
+}
+
+.mainProdWrapper {
+    @apply flex;
+}
+
+.image {
+    @apply md:h-32 md:w-32 md:min-w-[128px] 
+    w-24 h-24 min-w-[96px] rounded flex p-2 border border-gray-300;
+}
+
+.noImage {
+    @apply m-auto font-semibold text-gray-400;
+}
+
+.details {
+    @apply ml-4 flex flex-col gap-y-1 w-full;
+}
+
+.name {
+    @apply font-medium;
+}
+
+.spacing2 {
+    @apply h-2;
+}
+
+.discPriceSection {
+    @apply flex flex-col md:flex-row gap-x-2.5;
+}
+
+.priceBefore {
+    @apply line-through text-gray-500;
+}
+
+.price {
+    @apply text-red-600 font-medium;
+}
+
+.savingAmt {
+    @apply text-success-600;
+}
+
+.weightLabel {
+    @apply text-gray-500;
+}
+
+.quantity {
+    @apply py-2.5 bg-red-100 border border-red-300 text-red-800 h-fit my-auto rounded-md ml-auto font-medium w-12 text-center;
+}
diff --git a/src-migrate/modules/cart/styles/CartSummary.module.css b/src-migrate/modules/cart/styles/summary.module.css
index 48ccec28..48ccec28 100644
--- a/src-migrate/modules/cart/styles/CartSummary.module.css
+++ b/src-migrate/modules/cart/styles/summary.module.css