bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases Wiki Activity

Make website design responsive
All checks were successful
Check usage of free licenses / build-static-assets (pull_request) Successful in 42s
Details
Add copyright notice / copyright_notice (pull_request) Successful in 53s
Details
Build Nginx-based docker image / build-static-assets (push) Successful in 3m51s
Details
Playwright Tests / test (pull_request) Successful in 4m46s
Details

Browse Source
This commit is contained in:
Manuel Bustillo 2025-06-08 19:20:57 +02:00
parent 1a5424fc8a
commit 965b6ccd22
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/[slug]/site/layout.tsx
View File

@ -6,7 +6,7 @@ import Image from 'next/image';
export default function Layout({ children }: { children: React.ReactNode }) { export default function Layout({ children }: { children: React.ReactNode }) {
return ( return (
<div className="flex h-screen flex-col"> <div className="flex h-screen flex-col">
<div className="w-full h-72 relative"> <div className="w-full lg:h-72 h-36 relative">
<Image <Image
src="/header.png" src="/header.png"
alt="Header" alt="Header"
@ -15,8 +15,8 @@ export default function Layout({ children }: { children: React.ReactNode }) {
priority priority
/> />
</div> </div>
<div className="flex-grow flex items-center justify-center p-24 bg-[#e1d5c7] relative"> <div className="flex-grow flex items-center justify-center lg:p-24 py-8 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"> <div className="absolute left-1/2 lg:top-24 top-8 z-10 -translate-x-1/2 -translate-y-1/2 flex justify-center w-full pointer-events-none w-12 h-12 lg:w-24 lg:h-24">
<Image <Image
src="/stamp.png" src="/stamp.png"
alt="Stamp" alt="Stamp"
@ -29,7 +29,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
<div className="max-w-4xl w-full h-full bg-[#f9f9f7] shadow-lg"> <div className="max-w-4xl w-full h-full bg-[#f9f9f7] shadow-lg">
<div <div
className="max-w-4xl m-6 px-6 py-24 border-2 border-[#d3d3d1] rounded-xl text-[#958971] flex justify-center" className="max-w-4xl lg:m-6 m-3 lg:px-6 px-3 py-24 border-2 border-[#d3d3d1] rounded-xl text-[#958971] flex justify-center"
style={{ height: 'calc(100% - 3rem)' }} style={{ height: 'calc(100% - 3rem)' }}
> >
{children} {children}