13:51 25/12/2023

assets/css/style.scss

@@ -489,14 +489,12 @@ table {
     .product-image {
         width: 50%;
         margin-right: 15px;
-        height: 400px;
-        position: relative;
+        height: 540px;
+        overflow: hidden;
         border: 1px solid #eaeaea;
         img {
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            transform: translate(-50%, -50%);
+            height: 100%;
+            width: 100%;
             display: block;
             margin: 0 auto;
         }
@@ -747,4 +745,61 @@ table {
             }
         }
     }
+    .btn-add-auction.coming {
+        display: flex !important;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        background: linear-gradient(269deg, #ff3d00 3.91%, #ffa800 100%) !important;
+    }
+
+    .btn-add-auction.coming img {
+        width: 50px;
+        height: 50px;
+        position: absolute;
+        left: 10px;
+    }
+    .btn-add-auction.coming span {
+        margin-right: 10px;
+    }
+    .btn-add-auction.coming .item-time {
+        position: relative;
+        margin-right: 12px;
+    }
+
+    .btn-add-auction.coming .item-time::before {
+        position: absolute;
+        content: ":";
+        right: -9px;
+        top: -2px;
+    }
+
+    .btn-add-auction.coming .item-time:last-child::before {
+        display: none;
+    }
+    .btn-add-auction.ending {
+        background: linear-gradient(0deg, #8e8e8e 0%, #d5d5d5 100%);
+        color: #343434;
+    }
+    .price-win {
+        margin: 12px 0;
+        b {
+            color: #e70000;
+            font-size: 16px;
+        }
+    }
+    .user-win {
+        margin-bottom: 12px;
+        .name {
+            font-size: 16px;
+            font-weight: 400;
+            margin-bottom: 0;
+        }
+        span {
+            color: #0061d3;
+            font-weight: 700;
+            font-size: 18px;
+            margin-left: 5px;
+        }
+    }
 }