update 重构将scss文件拆解按具体功能细分文件便于后续维护

2026-03-25 12:06:46 +08:00
parent 1fb116f059
commit 9f577be6ff
52 changed files with 2830 additions and 2987 deletions
--- a/src/assets/styles/vendors/element-plus/_dialog.scss
+++ b/src/assets/styles/vendors/element-plus/_dialog.scss
@@ -0,0 +1,111 @@
+/* Dialog and upload-related overlays. */
+
+.el-overlay {
+  overflow: hidden;
+  background: var(--app-overlay-mask);
+  backdrop-filter: blur(10px);
+
+  .el-overlay-dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+
+    .el-dialog {
+      margin: 0 auto !important;
+      border-radius: var(--app-radius-lg);
+      box-shadow: var(--app-shadow-md);
+      overflow: hidden;
+      border: 1px solid var(--app-surface-border);
+      background:
+        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)) padding-box,
+        var(--app-surface-bg);
+
+      .el-dialog__header {
+        padding: 18px 20px 14px;
+        box-sizing: border-box;
+        border-bottom: 1px solid rgba(148, 163, 184, 0.14);
+        margin-right: 0;
+        background: var(--app-elevated-soft-bg);
+      }
+
+      .el-dialog__title {
+        font-size: 16px;
+        font-weight: 600;
+        line-height: 1.3;
+        color: var(--app-text-title);
+        letter-spacing: 0;
+      }
+
+      .el-dialog__headerbtn {
+        top: 15px;
+        right: 16px;
+        width: 32px;
+        height: 32px;
+        border-radius: 10px;
+        background: var(--app-elevated-close-bg);
+        transition:
+          background-color 0.2s ease,
+          transform 0.2s ease,
+          color 0.2s ease;
+
+        .el-dialog__close {
+          color: var(--app-text-muted);
+          font-size: 16px;
+        }
+
+        &:hover {
+          background: var(--app-elevated-close-hover-bg);
+          transform: translateY(-1px);
+
+          .el-dialog__close {
+            color: var(--app-accent-strong);
+          }
+        }
+      }
+
+      .el-dialog__body {
+        padding: 18px 20px 12px !important;
+      }
+
+      .el-dialog__footer {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 8px;
+        padding: 14px 20px 20px;
+        border-top: 1px solid rgba(148, 163, 184, 0.14);
+      }
+    }
+  }
+}
+
+.el-dialog__body {
+  max-height: calc(90vh - 111px) !important;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.el-dialog__footer .el-button {
+  margin-left: 0 !important;
+}
+
+.el-dialog__footer .dialog-footer {
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  gap: 12px;
+}
+
+.upload-container {
+  .el-upload {
+    width: 100%;
+
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}