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

Neah version mail design fix 12

Browse Source
This commit is contained in:
alma 2025-04-16 19:51:30 +02:00
parent df33fec7d5
commit c6baadd046
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/mail/page.tsx
View File

@ -881,13 +881,13 @@ export default function MailPage() {
<> <>
{/* Email actions header */} {/* Email actions header */}
<div className="flex-none p-4 border-b border-gray-100"> <div className="flex-none p-4 border-b border-gray-100">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between h-10">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2 min-w-0">
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
onClick={() => setSelectedEmail(null)} onClick={() => setSelectedEmail(null)}
className="md:hidden" className="md:hidden flex-shrink-0"
> >
<ChevronLeft className="h-5 w-5" /> <ChevronLeft className="h-5 w-5" />
</Button> </Button>
@ -895,11 +895,11 @@ export default function MailPage() {
{selectedEmail.subject} {selectedEmail.subject}
</h2> </h2>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-1 flex-shrink-0">
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-gray-400 hover:text-gray-900" className="text-gray-400 hover:text-gray-900 h-9 w-9"
onClick={() => handleReply('reply')} onClick={() => handleReply('reply')}
> >
<Reply className="h-5 w-5" /> <Reply className="h-5 w-5" />
@ -907,7 +907,7 @@ export default function MailPage() {
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-gray-400 hover:text-gray-900" className="text-gray-400 hover:text-gray-900 h-9 w-9"
onClick={() => handleReply('replyAll')} onClick={() => handleReply('replyAll')}
> >
<ReplyAll className="h-5 w-5" /> <ReplyAll className="h-5 w-5" />
@ -915,7 +915,7 @@ export default function MailPage() {
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-gray-400 hover:text-gray-900" className="text-gray-400 hover:text-gray-900 h-9 w-9"
onClick={() => handleReply('forward')} onClick={() => handleReply('forward')}
> >
<Forward className="h-5 w-5" /> <Forward className="h-5 w-5" />
@ -923,7 +923,7 @@ export default function MailPage() {
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-gray-400 hover:text-gray-900" className="text-gray-400 hover:text-gray-900 h-9 w-9"
onClick={(e) => toggleStarred(selectedEmail.id, e)} onClick={(e) => toggleStarred(selectedEmail.id, e)}
> >
<Star className={`h-5 w-5 ${selectedEmail.starred ? 'fill-yellow-400 text-yellow-400' : ''}`} /> <Star className={`h-5 w-5 ${selectedEmail.starred ? 'fill-yellow-400 text-yellow-400' : ''}`} />
@ -931,7 +931,7 @@ export default function MailPage() {
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-gray-400 hover:text-gray-900" className="text-gray-400 hover:text-gray-900 h-9 w-9"
onClick={() => {/* Add to folder logic */}} onClick={() => {/* Add to folder logic */}}
> >
<FolderOpen className="h-5 w-5" /> <FolderOpen className="h-5 w-5" />
@ -939,7 +939,7 @@ export default function MailPage() {
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
className="text-gray-400 hover:text-gray-900" className="text-gray-400 hover:text-gray-900 h-9 w-9"
onClick={() => {/* Mark as spam logic */}} onClick={() => {/* Mark as spam logic */}}
> >
<MessageSquare className="h-5 w-5" /> <MessageSquare className="h-5 w-5" />