mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-07 08:46:40 +08:00
优化多个组件的按钮样式
This commit is contained in:
@@ -363,7 +363,7 @@ const dropdownItems = ref([
|
|||||||
</VDialog>
|
</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>
|
<VCard>
|
||||||
<VDialogCloseBtn @click="settingDialog = false" />
|
<VDialogCloseBtn @click="settingDialog = false" />
|
||||||
<VCardItem>
|
<VCardItem>
|
||||||
@@ -456,8 +456,7 @@ const dropdownItems = ref([
|
|||||||
</VCardText>
|
</VCardText>
|
||||||
<VCardActions>
|
<VCardActions>
|
||||||
<VSpacer />
|
<VSpacer />
|
||||||
<VBtn @click="settingDialog = false">取消</VBtn>
|
<VBtn color="primary" prepend-icon="mdi-content-save" class="px-5" @click="saveSettings">保存</VBtn>
|
||||||
<VBtn color="primary" @click="saveSettings">保存</VBtn>
|
|
||||||
</VCardActions>
|
</VCardActions>
|
||||||
</VCard>
|
</VCard>
|
||||||
</VDialog>
|
</VDialog>
|
||||||
|
|||||||
@@ -197,11 +197,11 @@ onMounted(() => {
|
|||||||
/>
|
/>
|
||||||
</VCol>
|
</VCol>
|
||||||
</VRow>
|
</VRow>
|
||||||
<VCardActions class="text-center">
|
<VCardText class="text-center">
|
||||||
<VBtn :disabled="loading" @click="addDownload" :prepend-icon="icon" class="px-5">
|
<VBtn variant="elevated" :disabled="loading" @click="addDownload" :prepend-icon="icon" class="px-5">
|
||||||
{{ buttonText }}
|
{{ buttonText }}
|
||||||
</VBtn>
|
</VBtn>
|
||||||
</VCardActions>
|
</VCardText>
|
||||||
</VCard>
|
</VCard>
|
||||||
</VDialog>
|
</VDialog>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -432,8 +432,12 @@ onMounted(() => {
|
|||||||
</div>
|
</div>
|
||||||
</VCardItem>
|
</VCardItem>
|
||||||
<VCardActions class="mx-auto">
|
<VCardActions class="mx-auto">
|
||||||
<VBtn color="secondary" class="px-5" @click="restartDialog = false">{{ t('common.cancel') }}</VBtn>
|
<VBtn variant="tonal" color="secondary" class="px-5" @click="restartDialog = false">{{
|
||||||
<VBtn color="error" @click="restart" prepend-icon="mdi-restart" class="px-5">{{ t('common.confirm') }}</VBtn>
|
t('common.cancel')
|
||||||
|
}}</VBtn>
|
||||||
|
<VBtn variant="elevated" color="error" @click="restart" prepend-icon="mdi-restart" class="px-5">{{
|
||||||
|
t('common.confirm')
|
||||||
|
}}</VBtn>
|
||||||
</VCardActions>
|
</VCardActions>
|
||||||
<VDialogCloseBtn @click="restartDialog = false" />
|
<VDialogCloseBtn @click="restartDialog = false" />
|
||||||
</VCard>
|
</VCard>
|
||||||
|
|||||||
@@ -108,13 +108,11 @@ initializeApp().then(() => {
|
|||||||
maxWidth: '30rem',
|
maxWidth: '30rem',
|
||||||
},
|
},
|
||||||
confirmationButtonProps: {
|
confirmationButtonProps: {
|
||||||
variant: 'elevated',
|
|
||||||
color: 'primary',
|
color: 'primary',
|
||||||
class: 'me-3 px-5',
|
class: 'me-3 px-5',
|
||||||
'prepend-icon': 'mdi-check',
|
'prepend-icon': 'mdi-check',
|
||||||
},
|
},
|
||||||
cancellationButtonProps: {
|
cancellationButtonProps: {
|
||||||
variant: 'outlined',
|
|
||||||
color: 'secondary',
|
color: 'secondary',
|
||||||
class: 'me-3',
|
class: 'me-3',
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user