From e733f6c090af0abab9771974d6c791910d509518 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=8C=E8=90=8C=E5=93=92=E8=B5=AB=E8=90=9D?=
 <ma_shiqing@163.com>
Date: Thu, 11 May 2023 22:32:31 +0800
Subject: [PATCH] :sparkles: Feature: beautify UI

---
 public/i18n/en.yml                        |  2 +-
 public/i18n/zh-CN.yml                     |  6 +++---
 public/i18n/zh-TW.yml                     |  6 +++---
 src/renderer/layouts/Main.vue             |  9 ++++++---
 src/renderer/pages/Gallery.vue            |  2 +-
 src/renderer/pages/PicGoSetting.vue       |  2 +-
 src/renderer/pages/Plugin.vue             |  2 +-
 src/renderer/pages/Upload.vue             |  2 +-
 src/renderer/pages/UploaderConfigPage.vue | 14 ++++++++++----
 src/renderer/pages/picbeds/index.vue      |  6 +++---
 10 files changed, 30 insertions(+), 21 deletions(-)

diff --git a/public/i18n/en.yml b/public/i18n/en.yml
index 2970135..d0b3bae 100644
--- a/public/i18n/en.yml
+++ b/public/i18n/en.yml
@@ -61,7 +61,7 @@ UPLOAD_VIEW_HINT: Click to open picbeds settings
 MANAGE_PAGE: Manage
 GALLERY: Gallery
 MANUAL: Manual
-OPEN_MANUAL_LINK: Open Manual Link
+OPEN_MANUAL_LINK: Manual
 OPEN_MANUAL_LINK_HINT: Will open the manual link in your browser, do you want to continue?
 PICBEDS_SETTINGS: Picbeds
 PICBEDS_MANAGE: Picbeds Manage
diff --git a/public/i18n/zh-CN.yml b/public/i18n/zh-CN.yml
index 3bc526f..09232bb 100644
--- a/public/i18n/zh-CN.yml
+++ b/public/i18n/zh-CN.yml
@@ -56,16 +56,16 @@ TOOLBOX_CHECK_CLIPBOARD_FILE_PATH_ERROR_TIPS: 请自行创建文件夹：${path}
 # ---renderer i18n begin---
 
 CHOOSE_YOUR_DEFAULT_PICBED: 选择 ${d} 作为你默认图床：
-UPLOAD_AREA: 上传区
+UPLOAD_AREA: 上传
 UPLOAD_VIEW_HINT: 点击打开图床设置
 MANAGE_PAGE: 管理
 GALLERY: 相册
 MANUAL: 手册
 OPEN_MANUAL_LINK: 前往手册
 OPEN_MANUAL_LINK_HINT: 即将打开PicList使用手册网页, 是否继续?
-PICBEDS_SETTINGS: 图床设置
+PICBEDS_SETTINGS: 图床
 PICBEDS_MANAGE: 图床管理
-PICLIST_SETTINGS: PicList设置
+PICLIST_SETTINGS: 设置
 PLUGIN_SETTINGS: 插件
 PICLIST_SPONSOR_TEXT: 如果你喜欢它，对你有帮助，可以请我喝杯蜜雪冰城~
 ALIPAY: 支付宝
diff --git a/public/i18n/zh-TW.yml b/public/i18n/zh-TW.yml
index 89b120f..4e3c0d6 100644
--- a/public/i18n/zh-TW.yml
+++ b/public/i18n/zh-TW.yml
@@ -61,11 +61,11 @@ UPLOAD_VIEW_HINT: 點擊打開圖床設定
 MANAGE_PAGE: 管理
 GALLERY: 相簿
 MANUAL: 手冊
-OPEN_MANUAL_LINK: 前往手冊
+OPEN_MANUAL_LINK: 手冊
 OPEN_MANUAL_LINK_HINT: 即將打開PicList使用手冊網頁,是否繼續?
-PICBEDS_SETTINGS: 圖床設定
+PICBEDS_SETTINGS: 圖床
 PICBEDS_MANAGE: 圖床管理
-PICLIST_SETTINGS: PicList設定
+PICLIST_SETTINGS: 設定
 PLUGIN_SETTINGS: 插件
 PICLIST_SPONSOR_TEXT: 如果你喜歡它，對你有幫助，不妨請我喝杯咖啡~
 ALIPAY: 支付寶
diff --git a/src/renderer/layouts/Main.vue b/src/renderer/layouts/Main.vue
index 99eb84a..dcf982c 100644
--- a/src/renderer/layouts/Main.vue
+++ b/src/renderer/layouts/Main.vue
@@ -72,6 +72,9 @@
           </el-menu-item>
           <el-sub-menu
             index="sub-menu"
+            :show-timeout="0"
+            :hide-timeout="0"
+            :popper-offset="0"
           >
             <template #title>
               <el-icon>
@@ -460,7 +463,7 @@ $darwinBg = transparentify(#172426, #000, 0.7)
     height calc(100vh - 22px)
     overflow-x hidden
     overflow-y auto
-    width 162px
+    width 142px
     .info-window
       cursor pointer
       position fixed
@@ -474,7 +477,7 @@ $darwinBg = transparentify(#172426, #000, 0.7)
   .el-menu
     border-right none
     background transparent
-    width 162px
+    width 142px
     &-item
       color #eee
       position relative
@@ -500,7 +503,7 @@ $darwinBg = transparentify(#172426, #000, 0.7)
         color #fff
   .el-sub-menu
     .el-menu-item
-      min-width 166px
+      min-width 142px
       &.is-active
         &:before
           top 16px
diff --git a/src/renderer/pages/Gallery.vue b/src/renderer/pages/Gallery.vue
index 2ec4d85..2758e19 100644
--- a/src/renderer/pages/Gallery.vue
+++ b/src/renderer/pages/Gallery.vue
@@ -1018,7 +1018,7 @@ export default {
       transform: rotate(180deg)
 #gallery-view
   position absolute
-  left 162px
+  left 142px
   right 0
   height 100%
   .cursor-pointer
diff --git a/src/renderer/pages/PicGoSetting.vue b/src/renderer/pages/PicGoSetting.vue
index 30102ec..64379c9 100644
--- a/src/renderer/pages/PicGoSetting.vue
+++ b/src/renderer/pages/PicGoSetting.vue
@@ -1904,7 +1904,7 @@ export default {
 #picgo-setting
   height 100%
   position absolute
-  left 162px
+  left 142px
   right 0
   .sub-title
     font-size 14px
diff --git a/src/renderer/pages/Plugin.vue b/src/renderer/pages/Plugin.vue
index c34978f..9f51445 100644
--- a/src/renderer/pages/Plugin.vue
+++ b/src/renderer/pages/Plugin.vue
@@ -561,7 +561,7 @@ export default {
 $darwinBg = #172426
 #plugin-view
   position absolute
-  left 162px
+  left 142px
   right 0
   .el-loading-mask
     background-color rgba(0, 0, 0, 0.8)
diff --git a/src/renderer/pages/Upload.vue b/src/renderer/pages/Upload.vue
index 00063e3..47ecfac 100644
--- a/src/renderer/pages/Upload.vue
+++ b/src/renderer/pages/Upload.vue
@@ -704,7 +704,7 @@ export default {
     color #409EFF
 #upload-view
   position absolute
-  left 162px
+  left 142px
   right 0
   height 100%
   .view-title
diff --git a/src/renderer/pages/UploaderConfigPage.vue b/src/renderer/pages/UploaderConfigPage.vue
index f079012..1dfdec0 100644
--- a/src/renderer/pages/UploaderConfigPage.vue
+++ b/src/renderer/pages/UploaderConfigPage.vue
@@ -14,8 +14,11 @@
         v-for="item in curConfigList"
         :key="item._id"
         class="config-item-col"
-        :span="11"
-        :offset="1"
+        :xs="24"
+        :sm="curConfigList.length === 1 ? 24 : 12"
+        :md="curConfigList.length === 1 ? 24 : 12"
+        :lg="curConfigList.length === 1 ? 12 : 6"
+        :xl="curConfigList.length === 1 ? 12 : 3"
       >
         <div
           :class="`config-item ${defaultConfigId === item._id ? 'selected' : ''}`"
@@ -52,8 +55,11 @@
       </el-col>
       <el-col
         class="config-item-col"
-        :span="11"
-        :offset="1"
+        :xs="24"
+        :sm="curConfigList.length === 1 ? 24 : 12"
+        :md="curConfigList.length === 1 ? 24 : 12"
+        :lg="curConfigList.length === 1 ? 12 : 6"
+        :xl="curConfigList.length === 1 ? 12 : 3"
       >
         <div
           class="config-item config-item-add"
diff --git a/src/renderer/pages/picbeds/index.vue b/src/renderer/pages/picbeds/index.vue
index 1337da9..9d47c5c 100644
--- a/src/renderer/pages/picbeds/index.vue
+++ b/src/renderer/pages/picbeds/index.vue
@@ -5,8 +5,8 @@
       class="setting-list"
     >
       <el-col
-        :span="20"
-        :offset="2"
+        :span="22"
+        :offset="1"
       >
         <div
           class="view-title"
@@ -219,7 +219,7 @@ export default {
   overflow-y auto
   overflow-x hidden
   position absolute
-  left 162px
+  left 142px
   right 0
   .setting-list
     height 100%