les-particules/les-particules-org
les-particules/les-particules-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: améliore la lisibilité du contenu avec un overlay semi-transparent sur le fond du layout

Browse source
This commit is contained in:
Jalil Arfaoui 2025-08-11 19:18:24 +02:00
parent 62e733c4d0
commit 8116c5d0d6
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/layouts/Layout.astro
View file

@ -65,6 +65,20 @@ const { title } = Astro.props;
main { main {
padding: 1.5rem; padding: 1.5rem;
max-width: 80ch; max-width: 80ch;
position: relative;
}
/* Overlay semi-transparent derrière le contenu pour améliorer la lisibilité */
main::before {
content: '';
position: absolute;
top: -2rem;
left: -2rem;
right: -2rem;
bottom: -2rem;
background: rgba(255, 255, 255, 0.85);
z-index: -1;
border-radius: 1rem;
} }
footer{ footer{