From d09cc072f0db409b6731dc751b3b8cbc7074578d Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Tue, 15 Nov 2022 23:04:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AF=8C=E6=96=87=E6=9C=AC=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E5=B1=9E=E6=80=A7=E8=BF=87=E9=95=BF=E6=97=B6Select?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue      | 4 ++++
 src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
index 11b25b40..f7e94b1d 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue
@@ -93,6 +93,7 @@
     <template v-if="handleShapeElement.text?.content">
       <InputGroup compact class="row">
         <Select
+          class="font-select"
           style="flex: 3;"
           :value="richTextAttrs.fontname"
           @change="value => emitRichTextCommand('fontname', value as string)"
@@ -407,6 +408,9 @@ const emitRichTextCommand = (command: string, value?: string) => {
   align-items: center;
   margin-bottom: 10px;
 }
+.font-select {
+  max-width: 50%;
+}
 .font-size-btn {
   padding: 0;
 }
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
index f8eabe22..7ec1b3a2 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue
@@ -14,6 +14,7 @@
     
     <InputGroup compact class="row">
       <Select
+        class="font-select"
         style="flex: 3;"
         :value="richTextAttrs.fontname"
         @change="value => emitRichTextCommand('fontname', value as string)"
@@ -560,6 +561,9 @@ const updateLink = (link?: string) => {
     margin-top: -1px;
   }
 }
+.font-select {
+  max-width: 50%;
+}
 .font-size-btn {
   padding: 0;
 }