优化多个组件的按钮样式

This commit is contained in:
jxxghp
2025-05-24 15:37:40 +08:00
parent 43d3efa838
commit 6c4beffdb7
4 changed files with 11 additions and 10 deletions

View File

@@ -363,7 +363,7 @@ const dropdownItems = ref([
</VDialog>
<!-- 设置对话框 -->
<VDialog v-if="settingDialog" v-model="settingDialog" max-width="600">
<VDialog v-if="settingDialog" max-height="85vh" v-model="settingDialog" max-width="600" scrollable>
<VCard>
<VDialogCloseBtn @click="settingDialog = false" />
<VCardItem>
@@ -456,8 +456,7 @@ const dropdownItems = ref([
</VCardText>
<VCardActions>
<VSpacer />
<VBtn @click="settingDialog = false">取消</VBtn>
<VBtn color="primary" @click="saveSettings">保存</VBtn>
<VBtn color="primary" prepend-icon="mdi-content-save" class="px-5" @click="saveSettings">保存</VBtn>
</VCardActions>
</VCard>
</VDialog>

View File

@@ -197,11 +197,11 @@ onMounted(() => {
/>
</VCol>
</VRow>
<VCardActions class="text-center">
<VBtn :disabled="loading" @click="addDownload" :prepend-icon="icon" class="px-5">
<VCardText class="text-center">
<VBtn variant="elevated" :disabled="loading" @click="addDownload" :prepend-icon="icon" class="px-5">
{{ buttonText }}
</VBtn>
</VCardActions>
</VCardText>
</VCard>
</VDialog>
</template>

View File

@@ -432,8 +432,12 @@ onMounted(() => {
</div>
</VCardItem>
<VCardActions class="mx-auto">
<VBtn color="secondary" class="px-5" @click="restartDialog = false">{{ t('common.cancel') }}</VBtn>
<VBtn color="error" @click="restart" prepend-icon="mdi-restart" class="px-5">{{ t('common.confirm') }}</VBtn>
<VBtn variant="tonal" color="secondary" class="px-5" @click="restartDialog = false">{{
t('common.cancel')
}}</VBtn>
<VBtn variant="elevated" color="error" @click="restart" prepend-icon="mdi-restart" class="px-5">{{
t('common.confirm')
}}</VBtn>
</VCardActions>
<VDialogCloseBtn @click="restartDialog = false" />
</VCard>

View File

@@ -108,13 +108,11 @@ initializeApp().then(() => {
maxWidth: '30rem',
},
confirmationButtonProps: {
variant: 'elevated',
color: 'primary',
class: 'me-3 px-5',
'prepend-icon': 'mdi-check',
},
cancellationButtonProps: {
variant: 'outlined',
color: 'secondary',
class: 'me-3',
},