Ladebeze66/devsite
1
0
Fork 0
mirror of https://github.com/Ladebeze66/devsite.git synced 2025-12-15 13:36:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

finitions

Browse Source
This commit is contained in:
Ladebeze66 2025-02-14 15:06:42 +01:00
parent 60b0689c26
commit faff85e495
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/main.css
View File

@ -91,10 +91,22 @@
.bg-wallpaper { .bg-wallpaper {
background-image: url('./images/wallpapersite_resultat.webp'); background-image: url('./images/wallpapersite_resultat.webp');
background-size: cover; background-size: cover;
background-position: center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
min-height: 100vh;
width: 100%;
} }
@media (max-width: 768px) {
.bg-wallpaper {
background-size: auto 100%;
background-position: center center;
min-height: 100vh;
min-width: 200vw;
}
}
.homepage-content { .homepage-content {
min-height: 50vh; min-height: 50vh;
max-height: 80vh; max-height: 80vh;

3
app/layout.tsx
View File

@ -19,7 +19,8 @@ export default function RootLayout({ children }) {
return ( return (
<html lang="fr"> <html lang="fr">
<body> <body>
<div className="relative bg-wallpaper min-h-[100dvh] grid grid-rows-[auto_1fr_auto]"> <div className="relative bg-wallpaper min-h-[100dvh] w-full max-w-none grid grid-rows-[auto_1fr_auto]">
{/* Cercles animés */} {/* Cercles animés */}
<div className="absolute z-0 inset-0 overflow-hidden"> <div className="absolute z-0 inset-0 overflow-hidden">
<div className="circle-one blur-3xl w-64 h-64 rounded-full bg-rose-400/60 top-0 right-28 absolute"></div> <div className="circle-one blur-3xl w-64 h-64 rounded-full bg-rose-400/60 top-0 right-28 absolute"></div>