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

2026-03-25 12:06:46 +08:00
parent 1fb116f059
commit 9f577be6ff
52 changed files with 2830 additions and 2987 deletions
@@ -0,0 +1,110 @@
+/* Drawers, loading masks, descriptions, trees, and empty states. */
+
+.el-drawer {
+  border-radius: var(--app-radius-lg);
+  box-shadow: var(--app-shadow-md);
+  border: 1px solid var(--app-surface-border);
+}
+
+.el-drawer__header {
+  margin-bottom: 0;
+  padding: 18px 20px 16px;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
+  background: var(--app-elevated-soft-bg);
+  color: var(--app-text-title);
+}
+
+.el-drawer__title {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--app-text-title);
+}
+
+.el-drawer__body {
+  padding: 18px 20px 20px;
+}
+
+.el-drawer__close-btn {
+  width: 32px;
+  height: 32px;
+  border-radius: 10px;
+  background: var(--app-elevated-close-bg);
+  color: var(--app-text-muted);
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease,
+    transform 0.2s ease;
+
+  &:hover {
+    background: var(--app-elevated-close-hover-bg);
+    color: var(--app-accent-strong);
+    transform: translateY(-1px);
+  }
+}
+
+.el-loading-mask {
+  background: rgba(248, 250, 252, 0.76);
+  backdrop-filter: blur(4px);
+}
+
+.el-loading-spinner .path {
+  stroke: var(--app-accent-strong);
+}
+
+.el-descriptions {
+  --el-descriptions-table-border: rgba(148, 163, 184, 0.14);
+}
+
+.el-descriptions__body .el-descriptions__table {
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.el-descriptions__label.el-descriptions__cell {
+  background: var(--app-elevated-soft-bg) !important;
+  color: var(--app-text-title);
+  font-weight: 600;
+}
+
+.el-descriptions__content.el-descriptions__cell {
+  color: var(--app-text-title);
+}
+
+.el-tree {
+  color: var(--app-text-title);
+  background: transparent;
+}
+
+.el-tree-node__content {
+  min-height: 34px;
+  margin: 2px 0;
+  border-radius: 10px;
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease;
+}
+
+.el-tree-node__content:hover,
+.el-tree-node.is-current > .el-tree-node__content {
+  background: var(--app-accent-soft);
+}
+
+.el-empty__image {
+  opacity: 0.9;
+}
+
+.el-empty__description p {
+  color: var(--app-text-muted);
+}
+
+.el-color-dropdown {
+  border-radius: 16px;
+  border: 1px solid var(--app-surface-border);
+  box-shadow: var(--app-shadow-md);
+}
+
+html.dark {
+  .el-loading-mask {
+    background: rgba(6, 11, 22, 0.7);
+  }
+}