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

missions

Browse Source
This commit is contained in:
alma 2025-05-04 23:53:53 +02:00
parent 939a130f7c
commit c00653c47a
3 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
app/missions/layout.tsx
View File

@ -12,22 +12,24 @@ export default function MissionsLayout({
const pathname = usePathname(); const pathname = usePathname();
return ( return (
<div className="flex h-screen overflow-hidden"> <main className="w-full h-screen bg-black">
{/* Sidebar - precise sizing to match Courrier */} <div className="w-full h-full px-4 pt-12 pb-4 flex">
<div className="w-[234px] min-w-[234px] bg-white border-r border-gray-100 overflow-y-auto"> {/* Sidebar */}
<nav> <div className="w-[234px] min-w-[234px] bg-white border-r border-gray-100 overflow-y-auto">
<Link href="/missions" passHref> <nav>
<div className={`px-6 py-[10px] ${pathname === "/missions" ? "bg-gray-50" : ""} hover:bg-gray-50`}> <Link href="/missions" passHref>
<span className="text-sm font-normal text-gray-700">Mes Missions</span> <div className={`px-6 py-[10px] ${pathname === "/missions" ? "bg-gray-50" : ""} hover:bg-gray-50`}>
</div> <span className="text-sm font-normal text-gray-700">Mes Missions</span>
</Link> </div>
</nav> </Link>
</nav>
</div>
{/* Main content - matches artlab spacing */}
<div className="flex-1 overflow-auto">
{children}
</div>
</div> </div>
</main>
{/* Main content - no padding, full container */}
<div className="flex-1 overflow-hidden">
{children}
</div>
</div>
); );
} }

12
app/missions/new/page.tsx
View File

@ -9,8 +9,8 @@ import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbS
export default function NewMissionPage() { export default function NewMissionPage() {
return ( return (
<div className="p-6"> <div className="flex flex-col h-full w-full bg-white">
<div className="mb-6"> <div className="bg-gray-50 px-4 py-2 border-b border-gray-200">
<Breadcrumb> <Breadcrumb>
<BreadcrumbList> <BreadcrumbList>
<BreadcrumbItem> <BreadcrumbItem>
@ -25,18 +25,20 @@ export default function NewMissionPage() {
</BreadcrumbList> </BreadcrumbList>
</Breadcrumb> </Breadcrumb>
<div className="flex items-center mt-4"> <div className="flex items-center mt-2">
<Link href="/missions"> <Link href="/missions">
<Button variant="ghost" size="sm" className="mr-4"> <Button variant="ghost" size="sm" className="mr-4">
<ArrowLeft className="h-4 w-4 mr-2" /> <ArrowLeft className="h-4 w-4 mr-2" />
Retour Retour
</Button> </Button>
</Link> </Link>
<h1 className="text-2xl font-bold">Poster une Nouvelle Mission</h1> <h1 className="text-lg font-medium">Poster une Nouvelle Mission</h1>
</div> </div>
</div> </div>
<MissionsAdminPanel /> <div className="flex-1 overflow-auto p-4">
<MissionsAdminPanel />
</div>
</div> </div>
); );
} }

4
app/missions/page.tsx
View File

@ -47,7 +47,7 @@ export default function MissionsPage() {
); );
return ( return (
<div className="flex flex-col h-full"> <div className="flex flex-col h-full w-full">
<div className="flex justify-between items-center bg-black/30 py-[6px] px-4"> <div className="flex justify-between items-center bg-black/30 py-[6px] px-4">
<h1 className="text-white text-xs font-normal">Gérez vos missions et opportunités de bénévolat</h1> <h1 className="text-white text-xs font-normal">Gérez vos missions et opportunités de bénévolat</h1>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@ -70,7 +70,7 @@ export default function MissionsPage() {
</div> </div>
<div <div
className="flex-1 bg-cover bg-center p-0 overflow-auto" className="flex-1 bg-cover bg-center overflow-auto"
style={{ style={{
backgroundImage: "url('https://images.unsplash.com/photo-1483921020237-2ff51e8e4b22?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80')" backgroundImage: "url('https://images.unsplash.com/photo-1483921020237-2ff51e8e4b22?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80')"
}} }}