fix(servers): 批量栏已选区增加「选择」标题对齐

与运维/Agent/其他分组同结构底对齐。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
r
2026-06-21 11:41:30 +08:00
parent c8efbc2a90
commit 4f260f9257
2 changed files with 21 additions and 4 deletions
@@ -41,3 +41,4 @@
- 行按钮改 `small` + `tonal` + 字重 600,恢复「一键登录」全文
- 批量栏改 `flat` 实色按钮、分组标题加深,底卡用 surface 实底
- 行操作移除「删除」;删除请用批量栏「批量删除」
- 批量栏「已选 N 台」增加「选择」分组标题,与其他分区对齐
@@ -7,10 +7,20 @@
border
>
<v-card-text class="server-batch-bar__inner py-3">
<div class="d-flex align-center flex-wrap ga-3">
<v-chip color="primary" variant="flat" size="default" label prepend-icon="mdi-checkbox-marked-circle-outline">
已选 {{ count }}
</v-chip>
<div class="d-flex align-end flex-wrap ga-3">
<div class="server-batch-bar__section">
<span class="server-batch-bar__label">选择</span>
<v-chip
color="primary"
variant="flat"
size="default"
label
class="server-batch-bar__count"
prepend-icon="mdi-checkbox-marked-circle-outline"
>
已选 {{ count }}
</v-chip>
</div>
<v-divider vertical class="server-batch-bar__divider d-none d-sm-flex" />
@@ -123,6 +133,12 @@ defineEmits<{
line-height: 1.2;
}
.server-batch-bar__count {
font-size: 0.875rem;
font-weight: 600;
height: 36px;
}
.server-batch-bar__btn {
font-size: 0.875rem;
font-weight: 600;