✨ Feature: beautify UI

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%