Fix edit theme dialog layout 3 (#2199)

pull/2203/head
3gf8jv4dv 2024-12-22 23:37:59 +08:00 committed by GitHub
parent 2ab3286d0e
commit 18a4455511
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 5 deletions

View File

@ -684,7 +684,7 @@
"theme_edit_modal__primary": "Theme Color",
"theme_edit_modal__remove": "Remove",
"theme_edit_modal__remove_tip": "Do you really want to remove this theme?",
"theme_edit_modal__save_new": "Save New",
"theme_edit_modal__save_new": "Copy",
"theme_edit_modal__select_bg_file": "Choose a background image",
"theme_edit_modal__title": "Edit Theme",
"theme_green": "Green",

View File

@ -105,8 +105,10 @@
<base-input v-model="themeName" :class="$style.input" :placeholder="$t('theme_selector_modal__theme_name')" />
<div :class="$style.subContent" style="flex-wrap: wrap;">
<base-checkbox id="theme_edit_modal__dark" v-model="isDark" :class="$style.checkbox" :label="$t('theme_edit_modal__dark')" @change="handleDark" />
<base-checkbox id="theme_edit_modal__dark_font" v-model="isDarkFont" :class="$style.checkbox" :label="$t('theme_edit_modal__dark_font')" @change="handleDarkFont" />
<base-checkbox id="theme_edit_modal__preview" v-model="preview" :class="$style.checkbox" :label="$t('theme_edit_modal__preview')" @change="handlePreview" />
<div :class="$style.subContent" style="flex-wrap: wrap;">
<base-checkbox id="theme_edit_modal__dark_font" v-model="isDarkFont" :class="$style.checkbox" :label="$t('theme_edit_modal__dark_font')" @change="handleDarkFont" />
<base-checkbox id="theme_edit_modal__preview" v-model="preview" :class="$style.checkbox" :label="$t('theme_edit_modal__preview')" @change="handlePreview" />
</div>
</div>
</div>
<div :class="$style.subContent" style="flex: none;">
@ -776,14 +778,14 @@ export default {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 15px;
gap: 10px;
}
.checkbox {
flex: none;
}
.input {
min-width: 0;
max-width: 150px;
flex: 0 1 auto;
}
}