✨ Feature: beautify UI

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

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: 支付宝

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: 支付寶

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

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

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

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)

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

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"

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%