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