mail page custum 11

This commit is contained in:
alma 2025-04-15 19:49:44 +02:00
parent 5a5a525b5d
commit 9f94584ddb

View File

@ -669,8 +669,8 @@ export default function MailPage() {
{/* Compose email modal */} {/* Compose email modal */}
{composeOpen && ( {composeOpen && (
<div className="fixed inset-0 bg-black/25 backdrop-blur-sm flex items-center justify-center p-4 z-50"> <div className="fixed inset-0 bg-black/25 backdrop-blur-sm flex items-center justify-center p-4 z-50">
<Card className="w-full max-w-2xl bg-white"> <Card className="w-full max-w-2xl bg-white max-h-[90vh] flex flex-col">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-3"> <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-3 border-b">
<CardTitle className="text-xl">New Message</CardTitle> <CardTitle className="text-xl">New Message</CardTitle>
<Button <Button
variant="ghost" variant="ghost"
@ -681,7 +681,7 @@ export default function MailPage() {
<X className="h-4 w-4" /> <X className="h-4 w-4" />
</Button> </Button>
</CardHeader> </CardHeader>
<CardContent className="space-y-4"> <CardContent className="space-y-4 overflow-y-auto flex-1">
<div className="space-y-4 border-b border-gray-100 pb-4"> <div className="space-y-4 border-b border-gray-100 pb-4">
<div> <div>
<Label className="text-sm text-gray-700">From</Label> <Label className="text-sm text-gray-700">From</Label>
@ -787,9 +787,9 @@ export default function MailPage() {
<div className="border-t border-gray-100 pt-4"> <div className="border-t border-gray-100 pt-4">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<Button <Button
variant="outline" variant="ghost"
size="sm" size="sm"
className="text-gray-600 border-gray-200 hover:text-gray-900 hover:bg-gray-50" className="border border-gray-200 text-blue-600 hover:bg-blue-50 hover:text-blue-700"
onClick={() => document.getElementById('file-upload')?.click()} onClick={() => document.getElementById('file-upload')?.click()}
> >
<Paperclip className="h-4 w-4 mr-2" /> <Paperclip className="h-4 w-4 mr-2" />
@ -811,8 +811,8 @@ export default function MailPage() {
<div className="flex justify-end gap-3 pt-4 border-t border-gray-100"> <div className="flex justify-end gap-3 pt-4 border-t border-gray-100">
<Button <Button
variant="outline" variant="ghost"
className="text-gray-700 border-gray-200 hover:bg-gray-50 hover:text-gray-900" className="border border-gray-200 text-blue-600 hover:bg-blue-50 hover:text-blue-700"
onClick={() => setComposeOpen(false)} onClick={() => setComposeOpen(false)}
> >
Cancel Cancel