update

2024-12-13 08:31:39 +07:00
parent 1ead9da097
commit 5bdf96851e
3554 changed files with 400518 additions and 83328 deletions
@@ -0,0 +1,97 @@
+/**=====================
+     Modal CSS start
+==========================**/
+
+.modal-toggle-wrapper {
+    padding: 40px;
+
+    @media (max-width:768px) {
+        padding: calc(14px + (40 - 14) * ((100vw - 320px) / (768 - 320)));
+    }
+
+    .form-control {
+        &::placeholder {
+            font-size: 13px;
+        }
+    }
+
+    .modal-img {
+        display: flex;
+        justify-content: center;
+
+        img {
+            width: 200px;
+            height: 200px;
+
+            @media (max-width:992px) {
+                width: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
+                height: calc(136px + (200 - 136) * ((100vw - 320px) / (992 - 320)));
+            }
+        }
+
+        li {
+            img {
+                width: 100px;
+                height: 100px;
+
+                @media (max-width:992px) {
+                    width: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
+                    height: calc(75px + (100 - 75) * ((100vw - 320px) / (992 - 320)));
+                }
+            }
+        }
+
+        li+li {
+            margin-left: -39px;
+        }
+    }
+
+    button {
+        svg {
+            width: 16px;
+            height: 16px;
+        }
+    }
+}
+
+.large-modal-header,
+.large-modal-body {
+    display: flex;
+    align-items: center;
+    color: $dark-color;
+
+    svg {
+        width: 20px;
+        height: 20px;
+    }
+}
+
+.modal-padding-space {
+    padding-left: 20px;
+}
+
+.svg-modal {
+    width: 15px;
+    height: 15px;
+    stroke: $secondary-color;
+    vertical-align: middle;
+}
+
+.card-wrapper {
+    .modal-heading {
+        h5 {
+            font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320)));
+        }
+    }
+
+    .balance-modal {
+        @media (min-width:750px) and (max-width:1200px) {
+            display: flex;
+            flex-direction: column;
+        }
+    }
+}
+
+/**=====================
+     Modal CSS end
+==========================**/