fix space inputs

This commit is contained in:
hamid zarghami
2025-10-25 16:00:13 +03:30
parent c76d9c788b
commit 0be4a02dea
+26 -24
View File
@@ -138,7 +138,7 @@ const NewMessage: FC = () => {
</div> </div>
{/* Content */} {/* Content */}
<div className='space-y-6 md:space-y-8'> <div>
<div> <div>
<label className='text-sm mb-1 block'> <label className='text-sm mb-1 block'>
{t('new_message.to')} {t('new_message.to')}
@@ -159,15 +159,15 @@ const NewMessage: FC = () => {
{/* CC/BCC Accordion */} {/* CC/BCC Accordion */}
<div <div
className={clx( className={clx(
'overflow-hidden transition-all duration-300 ease-in-out space-y-4', 'overflow-hidden transition-all duration-300 ease-in-out',
showCcBcc ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0' showCcBcc ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'
)} )}
> >
<div> <div className='mt-4'>
<label className='text-sm'> <label className='text-sm mb-1 block'>
CC CC
</label> </label>
<div className='mt-1'> <div>
<EmailInput <EmailInput
toEmails={ccEmails} toEmails={ccEmails}
onAddEmail={addCcEmail} onAddEmail={addCcEmail}
@@ -178,11 +178,11 @@ const NewMessage: FC = () => {
</div> </div>
</div> </div>
<div> <div className='mt-4'>
<label className='text-sm'> <label className='text-sm mb-1 block'>
BCC BCC
</label> </label>
<div className='mt-1'> <div>
<EmailInput <EmailInput
toEmails={bccEmails} toEmails={bccEmails}
onAddEmail={addBccEmail} onAddEmail={addBccEmail}
@@ -194,7 +194,7 @@ const NewMessage: FC = () => {
</div> </div>
</div> </div>
<div className='flex gap-2 items-end'> <div className='flex gap-2 items-end mt-4'>
<div className='flex lg:flex-row flex-col flex-1 items-end gap-2'> <div className='flex lg:flex-row flex-col flex-1 items-end gap-2'>
<Input <Input
label={t('new_message.subject')} label={t('new_message.subject')}
@@ -223,28 +223,30 @@ const NewMessage: FC = () => {
</div> </div>
</div> </div>
<div className='mt-4'>
<div>
<EmailEditor <EmailEditor
value={content} value={content}
onChange={setContent} onChange={setContent}
/> />
</div> </div>
<EmailAttachments <div className='mt-4'>
attachments={attachments} <EmailAttachments
onAttachmentsChange={setAttachments} attachments={attachments}
/> onAttachmentsChange={setAttachments}
/>
</div>
<EmailFormActions <div className='mt-4'>
priority={priority} <EmailFormActions
onPriorityChange={setPriority} priority={priority}
onSend={handleSendWithClose} onPriorityChange={setPriority}
onSaveDraft={handleSaveDraftWithClose} onSend={handleSendWithClose}
isSending={isSending} onSaveDraft={handleSaveDraftWithClose}
isSavingDraft={isSavingDraft} isSending={isSending}
/> isSavingDraft={isSavingDraft}
/>
</div>
</div> </div>
</div> </div>
</> </>