From 18a445551190ccd6ee4fb4b47c7d5982ee0da685 Mon Sep 17 00:00:00 2001
From: 3gf8jv4dv <3gf8jv4dv@gmail.com>
Date: Sun, 22 Dec 2024 23:37:59 +0800
Subject: [PATCH] Fix edit theme dialog layout 3 (#2199)

---
 src/lang/en-us.json                                    |  2 +-
 .../views/Setting/components/ThemeEditModal/index.vue  | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/lang/en-us.json b/src/lang/en-us.json
index 83d4491ce2..4c9ff96ddd 100644
--- 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
index 2202c1acbb..f4433399d2 100644
--- 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;
   }
 }