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

courrier preview

Browse Source
This commit is contained in:
alma 2025-05-01 13:09:21 +02:00
parent c15e79c5a1
commit 0c67e6a4f4
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/email/ComposeEmail.tsx
View File

@ -359,12 +359,12 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{/* From */}
<div className="border-b pb-1">
<div className="flex items-center">
<span className="w-16 text-gray-700 font-medium">From:</span>
<span className="w-16 text-gray-700 text-sm font-medium">From:</span>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="outline"
className="w-full flex justify-between items-center h-8 px-2 py-1 text-left font-normal"
className="w-full flex justify-between items-center h-8 px-2 py-1 text-left font-normal bg-white text-gray-800 border-gray-200"
>
<span className="truncate">
{selectedAccount ?
@ -402,7 +402,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{/* Recipients */}
<div className="border-b pb-1">
<div className="flex items-center">
<span className="w-16 text-gray-700 font-medium">To:</span>
<span className="w-16 text-gray-700 text-sm font-medium">To:</span>
<Input
type="text"
value={to}
@ -414,7 +414,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{showCc && (
<div className="flex items-center">
<span className="w-16 text-gray-700 font-medium">Cc:</span>
<span className="w-16 text-gray-700 text-sm font-medium">Cc:</span>
<Input
type="text"
value={cc}
@ -427,7 +427,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{showBcc && (
<div className="flex items-center">
<span className="w-16 text-gray-700 font-medium">Bcc:</span>
<span className="w-16 text-gray-700 text-sm font-medium">Bcc:</span>
<Input
type="text"
value={bcc}
@ -463,7 +463,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{/* Subject */}
<div className="border-b pb-1">
<div className="flex items-center">
<span className="w-16 text-gray-700 font-medium">Subject:</span>
<span className="w-16 text-gray-700 text-sm font-medium">Subject:</span>
<Input
type="text"
value={subject}
@ -509,7 +509,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{/* Footer */}
<div className="border-t p-3 flex items-center justify-between bg-gray-50">
<div className="flex items-center gap-2">
{/* File Input for Attachments */}
{/* File Input for Attachments - simpler version */}
<input
type="file"
id="file-attachment"
@ -521,14 +521,14 @@ export default function ComposeEmail(props: ComposeEmailProps) {
}
}}
/>
<label htmlFor="file-attachment" className="flex items-center cursor-pointer">
<label htmlFor="file-attachment" className="cursor-pointer">
<Button
variant="outline"
variant="ghost"
size="sm"
className="flex items-center gap-1"
className="p-1"
title="Attach files"
>
<Paperclip className="h-4 w-4" />
<span>Attach</span>
<Paperclip className="h-5 w-5" />
</Button>
</label>
</div>
@ -537,7 +537,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
<Button
variant="outline"
onClick={onClose}
className="border-gray-300 text-gray-700"
className="border-red-300 text-red-600 hover:text-red-700 hover:bg-red-50"
>
Cancel
</Button>
@ -555,7 +555,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
</>
) : (
<>
<SendHorizontal className="h-4 w-4" />
<SendHorizontal className="mr-2 h-4 w-4" />
Send
</>
)}