From f62b2345f463695ef0f8f79830cd76b6e0332821 Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Sat, 13 Jan 2024 10:35:22 +0700 Subject: Refactor src migrate folder --- .../product-detail/styles/variant-list.module.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 src-migrate/modules/product-detail/styles/variant-list.module.css (limited to 'src-migrate/modules/product-detail/styles/variant-list.module.css') diff --git a/src-migrate/modules/product-detail/styles/variant-list.module.css b/src-migrate/modules/product-detail/styles/variant-list.module.css new file mode 100644 index 00000000..40cbd1bb --- /dev/null +++ b/src-migrate/modules/product-detail/styles/variant-list.module.css @@ -0,0 +1,19 @@ +.wrapper { + @apply grid grid-cols-1 w-[200%] md:w-full; +} + +.header { + @apply flex py-2.5 px-4 font-medium bg-gray-200 rounded-md; +} + +.row { + @apply flex items-center py-2.5 px-4 text-gray-800; +} + +.select-btn { + @apply !bg-gray-200 hover:!bg-danger-500 hover:!text-white; +} + +.select-btn--active { + @apply !text-white !bg-danger-500 hover:!text-white; +} -- cgit v1.2.3 From f7a0be1407da7edab60f6cb2ca3f1ef97acf811a Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Wed, 17 Jan 2024 16:03:48 +0700 Subject: Update product detail page ui --- .../modules/product-detail/styles/variant-list.module.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'src-migrate/modules/product-detail/styles/variant-list.module.css') diff --git a/src-migrate/modules/product-detail/styles/variant-list.module.css b/src-migrate/modules/product-detail/styles/variant-list.module.css index 40cbd1bb..a56822c1 100644 --- a/src-migrate/modules/product-detail/styles/variant-list.module.css +++ b/src-migrate/modules/product-detail/styles/variant-list.module.css @@ -3,11 +3,11 @@ } .header { - @apply flex py-2.5 px-4 font-medium bg-gray-200 rounded-md; + @apply flex py-2.5 pl-4 font-medium bg-gray-200 rounded-md; } .row { - @apply flex items-center py-2.5 px-4 text-gray-800; + @apply flex items-center py-2.5 pl-4 text-gray-800; } .select-btn { @@ -17,3 +17,11 @@ .select-btn--active { @apply !text-white !bg-danger-500 hover:!text-white; } + +.stock-empty { + @apply bg-red-50 border border-red-500 text-red-800; +} + +.stock-ready { + @apply bg-green-50 border border-green-500 text-green-800; +} -- cgit v1.2.3 From 5ac82c38ed3ec4db1fe4ae96e7493a55154716ef Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Thu, 18 Jan 2024 16:24:54 +0700 Subject: Update product detail page --- src-migrate/modules/product-detail/styles/variant-list.module.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'src-migrate/modules/product-detail/styles/variant-list.module.css') diff --git a/src-migrate/modules/product-detail/styles/variant-list.module.css b/src-migrate/modules/product-detail/styles/variant-list.module.css index a56822c1..6d46df84 100644 --- a/src-migrate/modules/product-detail/styles/variant-list.module.css +++ b/src-migrate/modules/product-detail/styles/variant-list.module.css @@ -25,3 +25,11 @@ .stock-ready { @apply bg-green-50 border border-green-500 text-green-800; } + +.disc-badge { + @apply bg-danger-500 p-1 rounded text-white text-caption-2; +} + +.disc-price { + @apply text-caption-2 line-through text-gray-600; +} -- cgit v1.2.3