From d6ce555054eb0a0f402676c1589adbf1f026179c 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: Mon, 27 Feb 2023 10:24:50 +0800
Subject: [PATCH] :bug: Fix: optimized software UI

ISSUES CLOSED: #12
---
 src/renderer/pages/Gallery.vue            |  6 ++++--
 src/renderer/pages/PicGoSetting.vue       |  3 +++
 src/renderer/pages/Plugin.vue             | 12 ++++++++----
 src/renderer/pages/Upload.vue             |  4 ++++
 src/renderer/pages/UploaderConfigPage.vue | 17 +++++++++++++++--
 5 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/src/renderer/pages/Gallery.vue b/src/renderer/pages/Gallery.vue
index cdb31e0..d6e0687 100644
--- a/src/renderer/pages/Gallery.vue
+++ b/src/renderer/pages/Gallery.vue
@@ -137,7 +137,7 @@
           <el-col
             v-for="(item, index) in filterList"
             :key="item.id"
-            :xs="24"
+            :xs="12"
             :sm="12"
             :md="8"
             :lg="3"
@@ -658,6 +658,9 @@ export default {
     &.active
       transform: rotate(180deg)
 #gallery-view
+  position absolute
+  left 140px
+  right 0
   height 100%
   .cursor-pointer
     cursor pointer
@@ -692,7 +695,6 @@ export default {
       background #44B363
       color #fff
 #gallery-view
-  position relative
   .round
     border-radius 14px
   .pull-right
diff --git a/src/renderer/pages/PicGoSetting.vue b/src/renderer/pages/PicGoSetting.vue
index a0fa530..e848cfb 100644
--- a/src/renderer/pages/PicGoSetting.vue
+++ b/src/renderer/pages/PicGoSetting.vue
@@ -937,6 +937,9 @@ export default {
       color #49B1F5
 #picgo-setting
   height 100%
+  position absolute
+  left 140px
+  right 0
   .sub-title
     font-size 14px
   .setting-list
diff --git a/src/renderer/pages/Plugin.vue b/src/renderer/pages/Plugin.vue
index 395c7ba..b5c7972 100644
--- a/src/renderer/pages/Plugin.vue
+++ b/src/renderer/pages/Plugin.vue
@@ -54,7 +54,7 @@
         v-for="item in pluginList"
         :key="item.fullName"
         class="plugin-item__container"
-        :span="12"
+        :span="24"
       >
         <div
           class="plugin-item"
@@ -90,7 +90,7 @@
             </div>
             <div class="plugin-item__info-bar">
               <span class="plugin-item__author">
-                {{ item.author }}
+                {{ item.author.replace(/<.*>/, '') }}
               </span>
               <span class="plugin-item__config">
                 <template v-if="searchText">
@@ -546,7 +546,9 @@ export default {
 <style lang='stylus'>
 $darwinBg = #172426
 #plugin-view
-  position relative
+  position absolute
+  left 140px
+  right 0
   padding 0 20px 0
   .el-loading-mask
     background-color rgba(0, 0, 0, 0.8)
@@ -639,9 +641,11 @@ $darwinBg = #172426
       font-size 16px
       height 22px
       line-height 22px
-      // font-weight 600
       font-weight 600
       cursor pointer
+      text-overflow ellipsis
+      white-space nowrap
+      overflow hidden
       transition all .2s ease-in-out
       &:hover
         color: #1B9EF3
diff --git a/src/renderer/pages/Upload.vue b/src/renderer/pages/Upload.vue
index 5ce36af..d87b2e2 100644
--- a/src/renderer/pages/Upload.vue
+++ b/src/renderer/pages/Upload.vue
@@ -310,6 +310,9 @@ export default {
   align-items center
   justify-content center
 #upload-view
+  position absolute
+  left 140px
+  right 0
   height 100%
   .view-title
     margin 10vh auto 10px
@@ -350,6 +353,7 @@ export default {
     .el-progress-bar__inner
       transition all .2s ease-in-out
   .paste-style
+    justify-content center
     text-align center
     margin-top 16px
     display flex
diff --git a/src/renderer/pages/UploaderConfigPage.vue b/src/renderer/pages/UploaderConfigPage.vue
index f01fece..4994d17 100644
--- a/src/renderer/pages/UploaderConfigPage.vue
+++ b/src/renderer/pages/UploaderConfigPage.vue
@@ -141,7 +141,7 @@ function openEditPage (configId: string) {
 }
 
 function formatTime (time: number): string {
-  return dayjs(time).format('YYYY-MM-DD HH:mm:ss')
+  return dayjs(time).format('YY/MM/DD HH:mm')
 }
 
 async function deleteConfig (id: string) {
@@ -183,8 +183,10 @@ export default {
 </script>
 <style lang='stylus'>
 #config-list-view
-  position relative
+  position absolute
   min-height 100%
+  left 150px
+  right 0
   overflow-x hidden
   overflow-y auto
   padding-bottom 50px
@@ -218,12 +220,23 @@ export default {
         position absolute
         right 5px
         top 8px
+        left 0
         font-size 18pxc
+        word-break break-all
         display flex
         align-items center
         color #eee
         .el-icon-edit
+          right 20px
+          position absolute
+          top 2px
+          margin-right 10px
+          cursor pointer
         .el-icon-delete
+          position absolute
+          top 2px
+          margin-right 10px
+          right 0
           cursor pointer
         .el-icon-edit
           margin-right 10px