style(command-page): 调整命令页面表格样式和图标大小

This commit is contained in:
Ocetars
2025-12-03 15:24:53 +08:00
parent 281ac6dcfe
commit 9c842ecd03
+6 -6
View File
@@ -68,7 +68,7 @@ const detailsDialog = reactive({
const commandHeaders = computed(() => [
{ title: tm('table.headers.command'), key: 'effective_command', width: '180px' },
{ title: tm('table.headers.plugin'), key: 'plugin', width: '140px' },
{ title: tm('table.headers.description'), key: 'description', sortable: false, maxWidth: '280px' },
{ title: tm('table.headers.description'), key: 'description', sortable: false, maxWidth: '260px' },
{ title: tm('table.headers.permission'), key: 'permission', sortable: false, width: '100px' },
{ title: tm('table.headers.status'), key: 'enabled', sortable: false, width: '120px' },
{ title: tm('table.headers.actions'), key: 'actions', sortable: false, width: '160px' }
@@ -432,7 +432,7 @@ onMounted(async () => {
<template v-slot:item.actions="{ item }">
<div class="d-flex align-center">
<v-btn-group density="comfortable" variant="text" color="primary">
<v-btn-group density="default" variant="text" color="primary">
<v-btn
v-if="!item.enabled"
icon
@@ -440,7 +440,7 @@ onMounted(async () => {
color="success"
@click="toggleCommand(item)"
>
<v-icon>mdi-play</v-icon>
<v-icon size="22">mdi-play</v-icon>
<v-tooltip activator="parent" location="top">{{ tm('tooltips.enable') }}</v-tooltip>
</v-btn>
<v-btn
@@ -450,17 +450,17 @@ onMounted(async () => {
color="error"
@click="toggleCommand(item)"
>
<v-icon>mdi-pause</v-icon>
<v-icon size="22">mdi-pause</v-icon>
<v-tooltip activator="parent" location="top">{{ tm('tooltips.disable') }}</v-tooltip>
</v-btn>
<v-btn icon size="small" color="warning" @click="openRenameDialog(item)">
<v-icon>mdi-pencil</v-icon>
<v-icon size="22">mdi-pencil</v-icon>
<v-tooltip activator="parent" location="top">{{ tm('tooltips.rename') }}</v-tooltip>
</v-btn>
<v-btn icon size="small" @click="openDetailsDialog(item)">
<v-icon>mdi-information</v-icon>
<v-icon size="22">mdi-information</v-icon>
<v-tooltip activator="parent" location="top">{{ tm('tooltips.viewDetails') }}</v-tooltip>
</v-btn>
</v-btn-group>