fix(styles): 修复表格中状态文本浮空问题
- 移除 .status-text 的 display: flex,避免破坏 td 的 table-cell 布局 - 删除重复的状态文本样式定义
This commit is contained in:
@@ -89,29 +89,6 @@ button {
|
|||||||
background: var(--text-dim);
|
background: var(--text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 状态文本 */
|
|
||||||
.status-text {
|
|
||||||
font-size: 12px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-text.ok {
|
|
||||||
color: var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-text.warn {
|
|
||||||
color: var(--warn);
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-text.err {
|
|
||||||
color: var(--err);
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-text.idle {
|
|
||||||
color: var(--text-dim);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 标签 */
|
/* 标签 */
|
||||||
.tag {
|
.tag {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@@ -387,8 +364,7 @@ tr.tr-hover.active td {
|
|||||||
/* ========== 状态文本 ========== */
|
/* ========== 状态文本 ========== */
|
||||||
.status-text {
|
.status-text {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
display: flex;
|
white-space: nowrap;
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-text.ok {
|
.status-text.ok {
|
||||||
|
|||||||
Reference in New Issue
Block a user