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

Neah version mail design fix

Browse Source
This commit is contained in:
alma 2025-04-16 18:07:16 +02:00
parent 7fe30320e9
commit 4c4e3949cc
1 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
app/mail/page.tsx
View File

@ -24,7 +24,7 @@ import {
Inbox, Send, Star, Trash, Plus, ChevronLeft, ChevronRight, Inbox, Send, Star, Trash, Plus, ChevronLeft, ChevronRight,
Search, ChevronDown, Folder, ChevronUp, Reply, Forward, ReplyAll, Search, ChevronDown, Folder, ChevronUp, Reply, Forward, ReplyAll,
MoreHorizontal, FolderOpen, X, Paperclip, MessageSquare, Copy, EyeOff, MoreHorizontal, FolderOpen, X, Paperclip, MessageSquare, Copy, EyeOff,
AlertOctagon, Archive AlertOctagon, Archive, RefreshCw
} from 'lucide-react'; } from 'lucide-react';
import { ScrollArea } from '@/components/ui/scroll-area'; import { ScrollArea } from '@/components/ui/scroll-area';
@ -1231,26 +1231,34 @@ export default function MailPage() {
</div> </div>
</div> </div>
{/* Compose button */} {/* Compose button and refresh button */}
<div className="p-2 border-b border-gray-100"> <div className="p-2 border-b border-gray-100 flex items-center gap-2">
<Button <Button
className="w-full bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center justify-center transition-all py-1.5 text-sm" className="flex-1 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center justify-center transition-all py-1.5 text-sm"
onClick={() => { onClick={() => {
setShowCompose(true); setShowCompose(true);
setComposeTo(''); setComposeTo('');
setComposeCc(''); setComposeCc('');
setComposeBcc(''); setComposeBcc('');
setComposeSubject(''); setComposeSubject('');
setComposeBody(''); setComposeBody('');
setShowCc(false); setShowCc(false);
setShowBcc(false); setShowBcc(false);
}} }}
> >
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<PlusIcon className="h-3.5 w-3.5" /> <PlusIcon className="h-3.5 w-3.5" />
<span>Compose</span> <span>Compose</span>
</div> </div>
</Button> </Button>
<Button
variant="ghost"
size="icon"
onClick={() => loadEmails()}
className="text-gray-600 hover:text-gray-900 hover:bg-gray-100"
>
<RefreshCw className="h-4 w-4" />
</Button>
</div> </div>
{/* Accounts Section */} {/* Accounts Section */}