update

2024-11-20 12:54:11 +07:00
parent 523680a350
commit bb5c579630
2136 changed files with 597821 additions and 8689 deletions
@@ -0,0 +1,166 @@
+/**=====================
+     76. Order History CSS start
+==========================**/
+.prooduct-details-box {
+  .close {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    height: 16px;
+    cursor: pointer;
+  }
+
+  .media {
+    border: 1px solid $light-background;
+    border-radius: 10px;
+    padding: 15px 0;
+    width: 100%;
+    position: relative;
+  }
+
+  .rating {
+    color: #ffaf45;
+    letter-spacing: 3px;
+  }
+
+  .product-name {
+    a {
+      color: gray;
+    }
+    h6 {
+      margin-bottom: 0;
+    }
+  }
+
+  .btn {
+    position: absolute;
+    right: 15px;
+    bottom: 15px;
+  }
+
+}
+
+.order-history {
+  .input-group {
+    text-align: right;
+    max-width: 300px;
+  }
+  table {
+    th,
+    td {
+      text-align: center;
+    }
+    thead {
+      tr {
+        th {
+          vertical-align: middle;
+          border-top: none;
+          background-color: $body-color;
+          border: 1px solid $light-gray;
+          padding: 1.25rem;
+          font-size: 16px;
+        }
+      }
+    }
+
+    .qty-box {
+      width:120px;
+      margin: 0 auto;
+      border-radius: 5px;
+      overflow: hidden;     
+      input {
+        width: 44px;
+        max-width: 44px;
+        background-color:transparent;
+        border: none !important;
+      }    
+      .input-group{
+        justify-content: space-between;
+        align-items:center;
+        background-color:transparent;
+        border-radius:5px;
+        border: 1px solid $light-gray;
+        overflow:hidden;       
+      } 
+      .btn{
+        background-color:transparent;    
+        border: none;
+        &.bootstrap-touchspin-down {
+          border-right: 1px solid;
+          [dir="rtl"] & {
+            border-right: unset;
+            border-left: 1px solid;
+          }
+        }
+        &.bootstrap-touchspin-up {
+          border-left: 1px solid;
+          [dir="rtl"] & {
+            border-left: unset;
+            border-right: 1px solid;
+          }
+        }
+      }
+    }
+
+    tbody {
+      tr {
+        td {
+          vertical-align: middle;
+
+          .product-name {
+            a {
+              font-size: 15px;
+              color: $dark-gray;
+            }
+
+            .order-process {
+              font-size: 13px;
+              padding-left: 15px;
+
+              .order-process-circle {
+                position: relative;
+
+                &:before {
+                  position: absolute;
+                  content: '';
+                  width: 4px;
+                  height: 4px;
+                  border-radius: 100%;
+                  background-color: $dark-gray;
+                  left: -15px;
+                  top: 4px;
+                }
+
+                &.shipped-order {
+                  &:before {
+                    background-color: $success-color;
+                  }
+                }
+
+                &.cancel-order {
+                  &:before {
+                    background-color: $danger-color;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@media only screen and (max-width: 1199px) {
+  .order-history {
+    table {
+      width: 900px;
+      overflow: auto;
+    }
+  }
+
+}
+
+/**=====================
+     76. Order History CSS end
+==========================**/