From 0c7f49ba86ef7b9e09c88a8a76470b54b7a09e84 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 23:05:41 +0800
Subject: [PATCH] :sparkles: Feature: optimize gallery page and plugin page UI

---
 src/renderer/pages/Gallery.vue | 12 ++++++------
 src/renderer/pages/Plugin.vue  |  6 +++++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/renderer/pages/Gallery.vue b/src/renderer/pages/Gallery.vue
index 2758e19..24ffa37 100644
--- a/src/renderer/pages/Gallery.vue
+++ b/src/renderer/pages/Gallery.vue
@@ -24,8 +24,8 @@
     <transition name="el-zoom-in-top">
       <el-row v-show="handleBarActive">
         <el-col
-          :span="20"
-          :offset="2"
+          :span="22"
+          :offset="1"
         >
           <el-row
             class="handle-bar"
@@ -214,8 +214,8 @@
       :class="{ small: handleBarActive }"
     >
       <el-col
-        :span="20"
-        :offset="2"
+        :span="22"
+        :offset="1"
       >
         <el-row :gutter="16">
           <photo-slider
@@ -230,10 +230,10 @@
           <el-col
             v-for="(item, index) in filterList"
             :key="item.id"
-            :xs="12"
+            :xs="24"
             :sm="12"
             :md="8"
-            :lg="3"
+            :lg="4"
             :xl="2"
             class="gallery-list__img"
           >
diff --git a/src/renderer/pages/Plugin.vue b/src/renderer/pages/Plugin.vue
index 9f51445..ba503d7 100644
--- a/src/renderer/pages/Plugin.vue
+++ b/src/renderer/pages/Plugin.vue
@@ -55,7 +55,11 @@
         v-for="item in pluginList"
         :key="item.fullName"
         class="plugin-item__container"
-        :span="24"
+        :xs="24"
+        :sm="pluginList.length === 1 ? 24 : 12"
+        :md="pluginList.length === 1 ? 24 : 12"
+        :lg="pluginList.length === 1 ? 24 : 6"
+        :xl="pluginList.length === 1 ? 24 : 6"
       >
         <div
           class="plugin-item"