style: 恢复标签页分隔线并统一工具栏与图标按钮
This commit is contained in:
+69
-1
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user