fix: 极端比例图片在预设滤镜中显示异常

pipipi-pikachu · Sep 7, 2024 · 9719906 · 9719906
1 parent b34e808
commit 9719906
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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;