From 9719906147b921c3a13ac3284e6d24b7e0d6aab7 Mon Sep 17 00:00:00 2001
From: zxc <1171051090@qq.com>
Date: Sat, 7 Sep 2024 17:08:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9E=81=E7=AB=AF=E6=AF=94=E4=BE=8B?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=9C=A8=E9=A2=84=E8=AE=BE=E6=BB=A4=E9=95=9C?=
 =?UTF-8?q?=E4=B8=AD=E6=98=BE=E7=A4=BA=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Editor/Toolbar/common/ElementFilter.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/Editor/Toolbar/common/ElementFilter.vue b/src/views/Editor/Toolbar/common/ElementFilter.vue
index 172fb946..594274f3 100644
--- a/src/views/Editor/Toolbar/common/ElementFilter.vue
+++ b/src/views/Editor/Toolbar/common/ElementFilter.vue
@@ -177,12 +177,16 @@ const applyPresetFilters = (filters: ImageElementFilters) => {
   @include flex-grid-layout();
 }
 .preset-item {
-  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
   cursor: pointer;
   @include flex-grid-layout-children(3, 31%);
 
   img {
-    width: 100%;
+    max-width: 100%;
+    max-height: 120px;
   }
   .preset-label {
     font-size: 12px;