style(ui): 修复批量操作区域样式溢出问题

为批量操作区域添加 overflow-x-auto 和 whitespace-nowrap 样式,防止文本溢出
This commit is contained in:
xiaojunnuo
2026-05-07 23:01:42 +08:00
parent 63be1c1cbd
commit 6b6f1604e9
@@ -35,8 +35,8 @@
</a-dropdown>
</template>
<div v-if="selectedRowKeys.length > 0" class="batch-actions">
<div class="batch-actions-inner">
<span>{{ t("certd.selectedCount", { count: selectedRowKeys.length }) }}</span>
<div class="batch-actions-inner overflow-x-auto">
<span class="mr-2 inline-flex whitespace-nowrap">{{ t("certd.selectedCount", { count: selectedRowKeys.length }) }}</span>
<fs-button v-if="hasActionPermission('write')" icon="ion:trash-outline" class="color-red" type="link" :text="t('certd.batchDelete')" @click="batchDelete"></fs-button>
<batch-rerun :selected-row-keys="selectedRowKeys" @change="batchFinished"></batch-rerun>
<change-group v-if="hasActionPermission('write')" :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-group>