优化多个组件中的按钮样式

This commit is contained in:
jxxghp
2025-05-24 14:05:51 +08:00
parent b3bff5c6f5
commit 3fe7ed0e1d
39 changed files with 137 additions and 147 deletions

View File

@@ -8,6 +8,7 @@ import DashboardElement from '@/components/misc/DashboardElement.vue'
import { useDisplay } from 'vuetify'
import { useDynamicButton } from '@/composables/useDynamicButton'
import { useI18n } from 'vue-i18n'
import { VCardActions } from 'vuetify/components'
// 国际化
const { t } = useI18n()
@@ -396,8 +397,7 @@ onDeactivated(() => {
<VSwitch v-model="isElevated" :label="t('dashboard.adaptiveHeight')" />
</p>
</VCardText>
<VDivider />
<VCardText class="pt-5 text-end">
<VCardActions class="pt-3">
<VSpacer />
<VBtn @click="saveDashboardConfig">
<template #prepend>
@@ -405,7 +405,7 @@ onDeactivated(() => {
</template>
{{ t('common.save') }}
</VBtn>
</VCardText>
</VCardActions>
</VCard>
</VDialog>
</template>

View File

@@ -207,8 +207,7 @@ onActivated(async () => {
</template>
</draggable>
</VCardText>
<VDivider />
<VCardText class="pt-5 text-end">
<VCardActions class="pt-3">
<VSpacer />
<VBtn @click="saveTabOrder">
<template #prepend>
@@ -216,7 +215,7 @@ onActivated(async () => {
</template>
{{ t('common.save') }}
</VBtn>
</VCardText>
</VCardActions>
</VCard>
</VDialog>
<!-- 快速滚动到顶部按钮 -->

View File

@@ -271,8 +271,7 @@ onActivated(async () => {
</div>
</div>
</VCardText>
<VDivider />
<VCardActions class="pt-5">
<VCardActions class="pt-3">
<VBtn variant="text" @click="Object.keys(enableConfig).forEach(key => (enableConfig[key] = true))">
{{ t('recommend.selectAll') }}
</VBtn>
@@ -280,7 +279,7 @@ onActivated(async () => {
{{ t('recommend.selectNone') }}
</VBtn>
<VSpacer />
<VBtn @click="saveConfig" variant="elevated" color="primary" class="px-5">
<VBtn @click="saveConfig" color="primary" class="px-5">
<template #prepend>
<VIcon icon="mdi-content-save" />
</template>