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 */} {/* From */}
<div className="border-b pb-1"> <div className="border-b pb-1">
<div className="flex items-center"> <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> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button <Button
variant="outline" 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"> <span className="truncate">
{selectedAccount ? {selectedAccount ?
@ -402,7 +402,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{/* Recipients */} {/* Recipients */}
<div className="border-b pb-1"> <div className="border-b pb-1">
<div className="flex items-center"> <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 <Input
type="text" type="text"
value={to} value={to}
@ -414,7 +414,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{showCc && ( {showCc && (
<div className="flex items-center"> <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 <Input
type="text" type="text"
value={cc} value={cc}
@ -427,7 +427,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{showBcc && ( {showBcc && (
<div className="flex items-center"> <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 <Input
type="text" type="text"
value={bcc} value={bcc}
@ -463,7 +463,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{/* Subject */} {/* Subject */}
<div className="border-b pb-1"> <div className="border-b pb-1">
<div className="flex items-center"> <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 <Input
type="text" type="text"
value={subject} value={subject}
@ -509,7 +509,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
{/* Footer */} {/* Footer */}
<div className="border-t p-3 flex items-center justify-between bg-gray-50"> <div className="border-t p-3 flex items-center justify-between bg-gray-50">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{/* File Input for Attachments */} {/* File Input for Attachments - simpler version */}
<input <input
type="file" type="file"
id="file-attachment" 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 <Button
variant="outline" variant="ghost"
size="sm" size="sm"
className="flex items-center gap-1" className="p-1"
title="Attach files"
> >
<Paperclip className="h-4 w-4" /> <Paperclip className="h-5 w-5" />
<span>Attach</span>
</Button> </Button>
</label> </label>
</div> </div>
@ -537,7 +537,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
<Button <Button
variant="outline" variant="outline"
onClick={onClose} 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 Cancel
</Button> </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 Send
</> </>
)} )}