Update promotion program feature

5 files changed, 127 insertions, 0 deletions

diff --git a/src-migrate/modules/cart/styles/CartDetail.module.css b/src-migrate/modules/cart/styles/CartDetail.module.css
new file mode 100644
index 00000000..42d492bb
--- /dev/null
+++ b/src-migrate/modules/cart/styles/CartDetail.module.css
@@ -0,0 +1,3 @@
+.wrapper {
+    @apply flex flex-wrap;
+}
diff --git a/src-migrate/modules/cart/styles/CartItem.module.css b/src-migrate/modules/cart/styles/CartItem.module.css
new file mode 100644
index 00000000..8ee3d3e9
--- /dev/null
+++ b/src-migrate/modules/cart/styles/CartItem.module.css
@@ -0,0 +1,47 @@
+.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/CartItemAction.module.css b/src-migrate/modules/cart/styles/CartItemAction.module.css
new file mode 100644
index 00000000..e4db7fa5
--- /dev/null
+++ b/src-migrate/modules/cart/styles/CartItemAction.module.css
@@ -0,0 +1,32 @@
+.actionSection {
+    @apply flex ml-auto h-fit my-auto;
+}
+
+.deleteButton {
+    @apply bg-red-100 disabled:bg-gray-100
+        text-red-700 disabled:text-gray-500
+        hover:bg-red-200
+        disabled:cursor-not-allowed
+        transition-all
+        p-2.5 rounded;
+}
+
+.quantitySection {
+    @apply relative flex border border-gray-300 rounded ml-4 items-center text-red-700;
+}
+
+.quantityLoading {
+    @apply absolute flex items-center justify-center text-white rounded w-full h-full bg-gray-900/50 z-10;
+}
+
+.quantityControl {
+    @apply h-full w-8 flex items-center justify-center hover:bg-gray-100 
+        disabled:text-gray-500 
+        disabled:bg-transparent
+        disabled:cursor-not-allowed 
+        transition;
+}
+
+.quantity {
+    @apply text-gray-900 font-medium max-w-[28px] outline-none text-center;
+}
diff --git a/src-migrate/modules/cart/styles/CartSummary.module.css b/src-migrate/modules/cart/styles/CartSummary.module.css
new file mode 100644
index 00000000..48ccec28
--- /dev/null
+++ b/src-migrate/modules/cart/styles/CartSummary.module.css
@@ -0,0 +1,21 @@
+.line {
+    @apply flex justify-between;
+}
+
+.label,
+.value {
+    @apply text-gray-700;
+}
+
+.value,
+.grandTotal {
+    @apply font-medium;
+}
+
+.discount {
+    @apply text-red-700;
+}
+
+.divider {
+    @apply my-0.5 h-0.5 bg-gray-200;
+}
diff --git a/src-migrate/modules/cart/styles/ProductPromo.module.css b/src-migrate/modules/cart/styles/ProductPromo.module.css
new file mode 100644
index 00000000..3f6e7a05
--- /dev/null
+++ b/src-migrate/modules/cart/styles/ProductPromo.module.css
@@ -0,0 +1,24 @@
+.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;
+}