优化前端ui

This commit is contained in:
yml2213
2026-05-16 15:32:40 +08:00
parent 1342c03853
commit 3ca71b782b
16 changed files with 31 additions and 60 deletions
@@ -4,8 +4,7 @@
各页面自行覆盖颜色、圆角、主题属性
============================================================ */
/* ---------- 面板头部 & 分区标题 ---------- */
.panel-header,
/* ---------- 分区标题 ---------- */
.section-title-row {
display: flex;
justify-content: space-between;
@@ -13,30 +12,15 @@
align-items: flex-start;
}
.panel-header {
flex-wrap: wrap;
}
.panel-header-copy {
min-width: 280px;
flex: 1;
}
.panel-header h1,
.panel-header-copy h1,
.section-title-row h3 {
margin: 0;
}
.panel-header p,
.panel-header-copy p,
.section-title-row p {
margin: 6px 0 0;
}
/* ---------- 头部工具 ---------- */
.header-tags,
.header-actions,
.section-header-tools,
.section-mini-stats,
.section-action-group {
@@ -46,7 +30,6 @@
align-items: center;
}
.header-actions,
.section-header-tools {
justify-content: flex-end;
}
@@ -245,16 +228,6 @@
color: #027a48;
}
/* ---------- 折叠 ---------- */
.collapse-button {
border: 1px solid rgba(86, 108, 138, 0.18);
background: rgba(255, 255, 255, 0.96);
border-radius: var(--radius-full);
padding: 7px 12px;
font: inherit;
cursor: pointer;
}
.binding-collapsed-preview {
display: grid;
gap: 6px;
@@ -268,15 +241,9 @@
align-items: center;
}
/* ---------- 复选框 ---------- */
.checkbox-line {
display: inline-flex;
gap: 8px;
align-items: center;
}
/* ---------- 工具栏提示 ---------- */
.toolbar-hint {
margin: 10px 0 0;
font-size: var(--text-xs);
}
.mt-4 { margin-top: 16px; }
@@ -306,3 +306,4 @@
flex: 1 1 auto;
}
}
.mt-4 { margin-top: 16px; }
@@ -115,3 +115,5 @@
.el-empty__description {
color: var(--text-muted);
}
.mt-4 { margin-top: 16px; }