Manuel Bustillo
9d59485ad6
All checks were successful
Check usage of free licenses / build-static-assets (pull_request) Successful in 49s
Add copyright notice / copyright_notice (pull_request) Successful in 1m3s
Build Nginx-based docker image / build-static-assets (push) Successful in 3m23s
Playwright Tests / test (pull_request) Successful in 4m6s
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
/* Copyright (C) 2024-2025 LibreWeddingPlanner contributors*/
|
|
|
|
import SideNav from '@/app/ui/dashboard/sidenav';
|
|
import Image from 'next/image';
|
|
|
|
export default function Layout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<div className="flex h-screen flex-col">
|
|
<div className="w-full h-72 relative">
|
|
<Image
|
|
src="/header.png"
|
|
alt="Header"
|
|
fill
|
|
style={{ objectFit: 'cover', objectPosition: 'center', zIndex: 0 }}
|
|
priority
|
|
/>
|
|
</div>
|
|
<div className="flex-grow flex items-center justify-center p-24 bg-[#e1d5c7] relative">
|
|
<div className="absolute left-1/2 top-24 z-10 -translate-x-1/2 -translate-y-1/2 flex justify-center w-full pointer-events-none">
|
|
<Image
|
|
src="/stamp.png"
|
|
alt="Stamp"
|
|
width={120}
|
|
height={120}
|
|
className="object-contain"
|
|
priority
|
|
/>
|
|
</div>
|
|
|
|
<div className="max-w-4xl w-full h-full bg-[#f9f9f7] shadow-lg">
|
|
<div
|
|
className="max-w-4xl m-6 px-6 py-24 border-2 border-[#d3d3d1] rounded-xl text-[#958971] flex justify-center"
|
|
style={{ height: 'calc(100% - 3rem)' }}
|
|
>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
} |