Fix edit theme dialog layout 3 (#2199)

lyswhut · Dec 22, 2024 · 18a4455 · 18a4455
1 parent 2ab3286
commit 18a4455
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/lang/en-us.json b/src/lang/en-us.json
@@ -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",

diff --git a/src/renderer/views/Setting/components/ThemeEditModal/index.vue b/src/renderer/views/Setting/components/ThemeEditModal/index.vue
@@ -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;
   }
 }