Neah version mail design fix 12

This commit is contained in:
alma 2025-04-16 19:51:30 +02:00
parent df33fec7d5
commit c6baadd046

View File

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