Skip to content

Commit 837965e

Browse files
author
githubnull
committed
style(frontend): 优化任务列表表格样式,减小操作按钮尺寸和行高度
1 parent 79c25a4 commit 837965e

1 file changed

Lines changed: 12 additions & 12 deletions

File tree

src/frontEnd/src/views/TaskList/index.vue

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -145,12 +145,12 @@
145145
<span v-else class="text-muted">0</span>
146146
</template>
147147
</Column>
148-
<Column header="操作" :style="{ minWidth: '150px', maxWidth: '200px' }" frozen alignFrozen="right">
148+
<Column header="操作" :style="{ minWidth: '120px', maxWidth: '160px' }" frozen alignFrozen="right">
149149
<template #body="{ data }">
150150
<div class="action-buttons">
151-
<Button icon="pi pi-eye" @click="viewTask(data)" text rounded v-tooltip.top="'查看详情'" />
152-
<Button icon="pi pi-stop" @click="stopTask(data.taskid)" text rounded severity="warning" v-if="data.status === 1" v-tooltip.top="'停止任务'" />
153-
<Button icon="pi pi-trash" @click="deleteTask(data.taskid)" text rounded severity="danger" v-tooltip.top="'删除任务'" />
151+
<Button icon="pi pi-eye" @click="viewTask(data)" text rounded size="small" v-tooltip.top="'查看详情'" />
152+
<Button icon="pi pi-stop" @click="stopTask(data.taskid)" text rounded size="small" severity="warning" v-if="data.status === 1" v-tooltip.top="'停止任务'" />
153+
<Button icon="pi pi-trash" @click="deleteTask(data.taskid)" text rounded size="small" severity="danger" v-tooltip.top="'删除任务'" />
154154
</div>
155155
</template>
156156
</Column>
@@ -734,9 +734,9 @@ function confirmDeleteAll() {
734734
text-overflow: ellipsis;
735735
white-space: nowrap;
736736
max-width: 100%;
737-
padding: 8px 12px;
737+
padding: 4px 8px;
738738
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
739-
font-size: 14px;
739+
font-size: 13px;
740740
transition: $transition-base;
741741
742742
&:hover {
@@ -746,12 +746,12 @@ function confirmDeleteAll() {
746746
747747
.clickable-id {
748748
cursor: pointer;
749-
padding: 8px 12px;
749+
padding: 4px 8px;
750750
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
751-
font-size: 14px;
751+
font-size: 13px;
752752
font-weight: 600;
753753
color: #6366f1;
754-
border-radius: 6px;
754+
border-radius: 4px;
755755
transition: all 0.3s ease;
756756
display: inline-block;
757757
@@ -770,10 +770,10 @@ function confirmDeleteAll() {
770770
771771
.action-buttons {
772772
display: flex;
773-
gap: 8px;
773+
gap: 2px;
774774
justify-content: center;
775775
align-items: center;
776-
padding: 4px;
776+
padding: 0;
777777
}
778778
779779
// 可点击Tag样式
@@ -847,7 +847,7 @@ function confirmDeleteAll() {
847847
848848
td {
849849
border-bottom: none;
850-
padding: 16px 12px;
850+
padding: 8px 10px;
851851
vertical-align: middle;
852852
}
853853
}

0 commit comments

Comments
 (0)