Update product detail page ui

1 files changed, 10 insertions, 2 deletions

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;
+}