missions ui

This commit is contained in:
alma 2025-05-06 13:41:41 +02:00
parent 1883153ca2
commit 381b6f23e5

View File

@ -162,21 +162,14 @@ export default function MissionsPage() {
<div className="bg-white border-b border-gray-100 py-3 px-6">
<div className="flex items-center justify-between">
<h1 className="text-gray-800 text-base font-medium">Gérez vos missions et opportunités de bénévolat</h1>
<div className="flex items-center gap-4">
<div className="relative">
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" />
<Input
placeholder="Rechercher une mission..."
className="h-9 pl-9 pr-3 py-2 text-sm bg-white border-gray-200 rounded-md w-60"
value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)}
/>
</div>
<Link href="/missions/new">
<Button className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 h-9 rounded-md text-sm">
Nouvelle mission
</Button>
</Link>
<div className="relative">
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" />
<Input
placeholder="Rechercher une mission..."
className="h-9 pl-9 pr-3 py-2 text-sm bg-white text-gray-800 border-gray-200 rounded-md w-60"
value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)}
/>
</div>
</div>
</div>