Neah version mail design fix 8

This commit is contained in:
alma 2025-04-16 19:23:01 +02:00
parent 38b32e4bf2
commit 7ae7841fa9

View File

@ -737,9 +737,21 @@ export default function MailPage() {
}
};
// Update the email list header to be cleaner
// Update the email list header to include search and adjust spacing
const renderEmailListHeader = () => (
<div className="border-b border-gray-100">
<div className="px-4 py-2">
<div className="relative">
<Search className="absolute left-2 top-2.5 h-4 w-4 text-gray-400" />
<Input
type="search"
placeholder="Search in folder..."
className="pl-8 h-9 bg-gray-50"
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
/>
</div>
</div>
<div className="flex items-center px-4 h-14">
<div className="flex items-center gap-3">
<Checkbox
@ -748,7 +760,7 @@ export default function MailPage() {
className="mt-0.5"
/>
<h2 className="text-base font-semibold text-gray-900">Inbox</h2>
<span className="text-sm text-gray-600">
<span className="text-sm text-gray-600 ml-4">
{emails.length} emails
</span>
</div>