优化多个组件的按钮样式

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>