missions ui

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

View File

@ -162,22 +162,15 @@ export default function MissionsPage() {
<div className="bg-white border-b border-gray-100 py-3 px-6"> <div className="bg-white border-b border-gray-100 py-3 px-6">
<div className="flex items-center justify-between"> <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> <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"> <div className="relative">
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" /> <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" />
<Input <Input
placeholder="Rechercher une mission..." placeholder="Rechercher une mission..."
className="h-9 pl-9 pr-3 py-2 text-sm bg-white border-gray-200 rounded-md w-60" 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} value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)} onChange={(e) => setSearchTerm(e.target.value)}
/> />
</div> </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>
</div> </div>
</div> </div>