alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

courrier multi account restore compose

Browse Source
This commit is contained in:
alma 2025-04-28 10:46:08 +02:00
parent 9147c03d4c
commit 003a7b354a
1 changed files with 111 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/email/ComposeEmail.tsx
View File

@ -359,12 +359,25 @@ export default function ComposeEmail(props: ComposeEmailAllProps) {
}, []); }, []);
return ( return (
<div className="flex flex-col h-full"> <div className="fixed inset-0 bg-gray-900/80 z-50 flex items-center justify-center">
<ComposeEmailHeader <div className="w-full max-w-2xl h-[90vh] bg-white rounded-xl shadow-xl flex flex-col mx-4">
type={type} {/* Modal Header */}
onClose={onClose} <div className="flex-none flex items-center justify-between px-6 py-3 border-b border-gray-200">
/> <h3 className="text-lg font-semibold text-gray-900">
<div className="flex-1 overflow-y-auto p-4"> {type === 'reply' ? 'Reply' : type === 'forward' ? 'Forward' : type === 'reply-all' ? 'Reply All' : 'New Message'}
</h3>
<Button
variant="ghost"
size="icon"
className="hover:bg-gray-100 rounded-full"
onClick={onClose}
>
<X className="h-5 w-5 text-gray-500" />
</Button>
</div>
{/* Modal Body */}
<div className="flex-1 overflow-hidden">
<div className="h-full flex flex-col p-6 space-y-4 overflow-y-auto"> <div className="h-full flex flex-col p-6 space-y-4 overflow-y-auto">
{/* To Field */} {/* To Field */}
<div className="flex-none"> <div className="flex-none">
@ -472,6 +485,7 @@ export default function ComposeEmail(props: ComposeEmailAllProps) {
</div> </div>
)} )}
</div> </div>
</div>
{/* Modal Footer */} {/* Modal Footer */}
<div className="flex-none flex items-center justify-between px-6 py-3 border-t border-gray-200 bg-white"> <div className="flex-none flex items-center justify-between px-6 py-3 border-t border-gray-200 bg-white">