style: 恢复标签页分隔线并统一工具栏与图标按钮

This commit is contained in:
GouJ
2026-09-02 09:37:45 +08:00
parent 370e7bb4a6
commit 2ddd9b8009
11 changed files with 203 additions and 33 deletions
+69 -1
View File
@@ -100,6 +100,10 @@ body {
.n-button.admin-settings-button.is-collapsed {
justify-content: center;
padding-inline: 0;
width: 44px;
min-width: 44px;
height: 44px;
margin-inline: auto;
}
.admin-settings-button.is-collapsed .n-button__icon {
margin: 0;
@@ -144,10 +148,20 @@ body {
padding: 0 20px;
gap: 12px;
}
/* 图标按钮保留原有方形点击热区;仅取消 circle 属性产生的圆形外观。 */
/* 按钮保持直角,单图标按钮以 Naive 当前尺寸为边长,加载时也不改变宽度。 */
.n-button {
border-radius: 0;
}
.n-button.icon-button {
width: var(--n-height);
min-width: var(--n-height);
height: var(--n-height);
padding: 0;
flex: 0 0 auto;
}
.n-button.icon-button .n-button__icon {
margin: 0;
}
.n-button:focus-visible {
outline: 2px solid var(--app-accent-text);
outline-offset: 2px;
@@ -1037,6 +1051,60 @@ body {
.project-search {
width: 240px;
}
/* 项目筛选与搜索框同高,保留更宽的点击区;窄屏可自然换行。 */
.project-status-filters.n-radio-group {
display: flex;
flex-wrap: wrap;
height: auto;
min-height: var(--n-height);
gap: 4px 1px;
}
.project-status-filters .n-radio-group__splitor {
display: none;
}
.project-status-filters .n-radio-button {
min-width: 76px;
padding-inline: 18px;
text-align: center;
}
/* 状态说明与操作各自成组,避免小标签夹在不同尺寸的按钮之间。 */
.visual-style-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px 24px;
margin-block: 20px;
padding: 14px 16px;
background: var(--app-subtle);
}
.visual-style-status {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.visual-style-status > svg {
flex-shrink: 0;
color: var(--app-muted);
}
.visual-style-status strong {
font-size: 14px;
font-weight: 500;
}
.visual-style-status p {
margin: 4px 0 0;
color: var(--app-muted);
font-size: 12px;
line-height: 1.6;
}
.visual-style-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-left: auto;
}
.project-name-cell {
display: block;
min-width: 0;