fix: align send mail fields and editor caret (#1121)

fix(frontend): align send mail fields and editor caret
This commit is contained in:
Dream Hunter
2026-08-22 19:31:54 +08:00
committed by GitHub
parent 005d74bfde
commit dccca92928
5 changed files with 70 additions and 12 deletions
+2 -2
View File
@@ -332,8 +332,8 @@ const handleCreated = (editor) => {
min-height: 360px;
}
.compose-textarea :deep(.n-input__textarea-el) {
padding: 18px;
.compose-textarea :deep(.n-input__textarea-el),
.compose-textarea :deep(.n-input__placeholder) {
line-height: 1.7;
text-align: left;
}
+8 -8
View File
@@ -199,18 +199,18 @@ onMounted(async () => {
<template v-else>
<n-form class="composer-form" :model="sendMailModel" label-placement="top">
<n-grid cols="1 m:2" responsive="screen" :x-gap="16">
<n-grid-item>
<n-form-item :label="t('senderName')" :label-props="{ for: 'send-mail-sender-name' }">
<n-input v-model:value="sendMailModel.fromName"
:input-props="{ id: 'send-mail-sender-name' }" />
</n-form-item>
</n-grid-item>
<n-grid-item>
<n-form-item :label="t('senderAddress')" :label-props="{ for: 'send-mail-sender-address' }">
<n-input :value="settings.address" readonly
:input-props="{ id: 'send-mail-sender-address' }" />
</n-form-item>
</n-grid-item>
<n-grid-item>
<n-form-item :label="t('senderName')" :label-props="{ for: 'send-mail-sender-name' }">
<n-input v-model:value="sendMailModel.fromName"
:input-props="{ id: 'send-mail-sender-name' }" />
</n-form-item>
</n-grid-item>
<n-grid-item>
<n-form-item :label="t('recipientAddress')" required
:label-props="{ for: 'send-mail-recipient-address' }">
@@ -385,8 +385,8 @@ onMounted(async () => {
min-height: 360px;
}
.compose-textarea :deep(.n-input__textarea-el) {
padding: 18px;
.compose-textarea :deep(.n-input__textarea-el),
.compose-textarea :deep(.n-input__placeholder) {
line-height: 1.7;
text-align: left;
}