fix(admin): 修复新增分类行 Select 覆盖「新增」按钮

- Select 自带 min-width:160px,原 120px 网格列导致溢出遮挡
- 第三列改为 160px,网格项 min-width:0
- 实测:select 875..1035,按钮 1043..1135,间隔 8px
This commit is contained in:
stash
2026-10-29 20:31:19 +08:00
parent 6d43b191c9
commit f9915535b6
+8 -2
View File
@@ -1,4 +1,4 @@
/* 页面级样式:只保留「组件库没有」的部分(背景、外壳、封面兜底、正文版式)。
/* 页面级样式:只保留「组件库没有」的部分(背景、外壳、封面兜底、正文版式)。
颜色 / 间距 / 字号全部取自 @stash/ui 的令牌。 */
.app {
@@ -959,11 +959,16 @@
.admin-create-row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 120px auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 160px auto;
gap: var(--su-space-2);
align-items: center;
}
/* Select 自身有 160px 最小宽度,网格项必须允许收缩,否则会盖住「新增」按钮 */
.admin-create-row > * {
min-width: 0;
}
/* 删除按钮:可删的用危险色,不可删的用弱化色(都取主题令牌) */
.admin-item-actions .admin-remove {
color: var(--su-color-danger);
@@ -979,3 +984,4 @@
cursor: not-allowed;
opacity: 0.45;
}