github
/
lx-music-desktop
mirror of https://github.com/lyswhut/lx-music-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lang/en-us.json
View File

@ -684,7 +684,7 @@
"theme_edit_modal__primary": "Theme Color", "theme_edit_modal__primary": "Theme Color",
"theme_edit_modal__remove": "Remove", "theme_edit_modal__remove": "Remove",
"theme_edit_modal__remove_tip": "Do you really want to remove this theme?", "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__select_bg_file": "Choose a background image",
"theme_edit_modal__title": "Edit Theme", "theme_edit_modal__title": "Edit Theme",
"theme_green": "Green", "theme_green": "Green",

6
src/renderer/views/Setting/components/ThemeEditModal/index.vue
View File

@ -105,10 +105,12 @@
<base-input v-model="themeName" :class="$style.input" :placeholder="$t('theme_selector_modal__theme_name')" /> <base-input v-model="themeName" :class="$style.input" :placeholder="$t('theme_selector_modal__theme_name')" />
<div :class="$style.subContent" style="flex-wrap: wrap;"> <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" v-model="isDark" :class="$style.checkbox" :label="$t('theme_edit_modal__dark')" @change="handleDark" />
<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__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" /> <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>
</div>
<div :class="$style.subContent" style="flex: none;"> <div :class="$style.subContent" style="flex: none;">
<base-btn v-if="themeId" :class="$style.btn" @click="handleRemove">{{ $t('theme_edit_modal__remove') }}</base-btn> <base-btn v-if="themeId" :class="$style.btn" @click="handleRemove">{{ $t('theme_edit_modal__remove') }}</base-btn>
<base-btn v-if="themeId" :class="$style.btn" @click="handleSaveNew">{{ $t('theme_edit_modal__save_new') }}</base-btn> <base-btn v-if="themeId" :class="$style.btn" @click="handleSaveNew">{{ $t('theme_edit_modal__save_new') }}</base-btn>
@ -776,14 +778,14 @@ export default {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
align-items: center; align-items: center;
gap: 15px; gap: 10px;
} }
.checkbox { .checkbox {
flex: none; flex: none;
} }
.input { .input {
min-width: 0; max-width: 150px;
flex: 0 1 auto; flex: 0 1 auto;
} }
} }