summaryrefslogtreecommitdiff
path: root/src-migrate/modules/product-detail/styles/image.module.css
diff options
context:
space:
mode:
Diffstat (limited to 'src-migrate/modules/product-detail/styles/image.module.css')
-rw-r--r--src-migrate/modules/product-detail/styles/image.module.css35
1 files changed, 35 insertions, 0 deletions
diff --git a/src-migrate/modules/product-detail/styles/image.module.css b/src-migrate/modules/product-detail/styles/image.module.css
new file mode 100644
index 00000000..e472fe8d
--- /dev/null
+++ b/src-migrate/modules/product-detail/styles/image.module.css
@@ -0,0 +1,35 @@
+.wrapper {
+ @apply h-[250px] md:h-[340px] flex items-center justify-center border border-gray-200 rounded-lg p-4 relative;
+}
+
+.image {
+ @apply object-contain object-center h-full w-full;
+}
+
+.absolute-info {
+ @apply absolute hidden md:block top-4 right-4;
+}
+
+.disc-badge {
+ @apply bg-warning-500 py-1 px-3 w-fit font-semibold rounded-full;
+}
+
+.countdown {
+ @apply flex gap-x-1;
+}
+
+.countdown span {
+ @apply py-0.5 w-8 bg-warning-500 rounded-md text-center;
+}
+
+.flashsale-text {
+ @apply flex items-center gap-x-2 text-white font-medium text-caption-1;
+}
+
+.flashsale-bg {
+ @apply absolute top-0 w-full h-full object-cover object-center z-10;
+}
+
+.flashsale {
+ @apply absolute top-0 w-full h-full z-20 flex items-center justify-between px-3;
+}