fix: 富文本字体属性过长时Select样式异常

This commit is contained in:
pipipi-pikachu 2022-11-15 23:04:11 +08:00
parent fdcffb3207
commit d09cc072f0
2 changed files with 8 additions and 0 deletions

View File

@ -93,6 +93,7 @@
<template v-if="handleShapeElement.text?.content"> <template v-if="handleShapeElement.text?.content">
<InputGroup compact class="row"> <InputGroup compact class="row">
<Select <Select
class="font-select"
style="flex: 3;" style="flex: 3;"
:value="richTextAttrs.fontname" :value="richTextAttrs.fontname"
@change="value => emitRichTextCommand('fontname', value as string)" @change="value => emitRichTextCommand('fontname', value as string)"
@ -407,6 +408,9 @@ const emitRichTextCommand = (command: string, value?: string) => {
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
} }
.font-select {
max-width: 50%;
}
.font-size-btn { .font-size-btn {
padding: 0; padding: 0;
} }

View File

@ -14,6 +14,7 @@
<InputGroup compact class="row"> <InputGroup compact class="row">
<Select <Select
class="font-select"
style="flex: 3;" style="flex: 3;"
:value="richTextAttrs.fontname" :value="richTextAttrs.fontname"
@change="value => emitRichTextCommand('fontname', value as string)" @change="value => emitRichTextCommand('fontname', value as string)"
@ -560,6 +561,9 @@ const updateLink = (link?: string) => {
margin-top: -1px; margin-top: -1px;
} }
} }
.font-select {
max-width: 50%;
}
.font-size-btn { .font-size-btn {
padding: 0; padding: 0;
} }