init

2026-08-28 17:31:02 +02:00
commit 2b30e8bd39
694 changed files with 49243 additions and 0 deletions
@@ -0,0 +1,124 @@
+@use './breakpoints' as *;
+
+.cms-table-scroll {
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+.cms-page-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.cms-gate {
+    padding: 24px;
+}
+
+.el-select__popper {
+    max-width: min(560px, calc(100vw - 32px));
+}
+
+.el-select-dropdown__item {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+@media (max-width: $cms-bp-tablet) {
+    html,
+    body,
+    #app {
+        overflow-x: hidden;
+    }
+
+    .el-header {
+        --el-header-padding: 0 10px;
+    }
+
+    .el-main,
+    .el-main.main-wrapper {
+        --el-main-padding: 12px 10px;
+        padding: 12px 10px !important;
+    }
+
+    .cms-page-header {
+        flex-wrap: wrap;
+        gap: 12px;
+    }
+
+    .el-dialog {
+        width: calc(100vw - 32px) !important;
+        max-width: 100%;
+    }
+
+    .order-detail-row {
+        margin-left: 0 !important;
+        margin-right: 0 !important;
+        row-gap: 24px;
+
+        > .el-col {
+            padding-left: 0 !important;
+            padding-right: 0 !important;
+        }
+    }
+
+    .cms-gate {
+        padding: 12px 10px;
+    }
+}
+
+@media (max-width: $cms-bp-phone) {
+    .el-header {
+        --el-header-padding: 0 5px;
+    }
+
+    .cms-header.el-header {
+        --el-header-padding: 12px 5px 0;
+    }
+
+    .cms-header__bar {
+        flex-wrap: wrap;
+        row-gap: 8px;
+    }
+
+    .cms-header__bar .logo {
+        flex-basis: 100%;
+        width: 100%;
+    }
+
+    .el-main,
+    .el-main.main-wrapper {
+        --el-main-padding: 12px 5px;
+        padding: 12px 5px !important;
+    }
+
+    .el-dialog {
+        width: calc(100vw - 10px) !important;
+    }
+
+    .el-picker__popper {
+        max-width: calc(100vw - 10px);
+    }
+
+    .el-date-picker {
+        width: min(322px, calc(100vw - 10px)) !important;
+    }
+
+    .el-date-picker .el-picker-panel__content {
+        width: min(292px, calc(100vw - 30px)) !important;
+    }
+
+    .el-time-panel {
+        width: min(180px, calc(100vw - 10px)) !important;
+    }
+
+    .el-select__popper {
+        max-width: calc(100vw - 10px);
+    }
+
+    .cms-gate {
+        padding: 12px 5px;
+    }
+}