From db59f2ae484164c6bcd4d08aacd8194f7617cc58 Mon Sep 17 00:00:00 2001 From: vgaNAR6ta Date: Tue, 4 Aug 2026 16:27:07 +0200 Subject: [PATCH] edit: pb de scroll et responsive msg bienvenue --- readMe.MD | 4 ++-- style/main.css | 12 +++++++++++- style/responsive.css | 2 +- 3 files changed, 14 insertions(+), 4 deletions(-) diff --git a/readMe.MD b/readMe.MD index 61115f7..6518b1e 100644 --- a/readMe.MD +++ b/readMe.MD @@ -25,7 +25,7 @@ Ce document sert à échanger et partager des idées et trucs à faire pour cont * [x] message de bienvenue !!! * [ ] tester section event avec des vraies affiches !!! -> problème de cohérence interface / contenu sur pc, le panneau event est très large et dois afficher des affiches format vertical donc très haut si rescale sur width ou très petit si rescale sur hauteur + si format aléatoire je sais pas comment scale +> problème de cohérence interface / contenu sur pc, le panneau event est très large et dois afficher des affiches format vertical donc très haut si rescale sur width ou très petit si rescale sur hauteur + si format aléatoire je sais pas comment scale * [x] performance arrière plan avec un shader > OUVERT : texture sinusoidale en nuance de vert entre offset (161 - 255), opacité 0.5, hue-rotate 13.12deg @@ -34,7 +34,7 @@ Ce document sert à échanger et partager des idées et trucs à faire pour cont * [ ] désactiver la video pour les personnes qui veulent pas d'effets visuels -* [ ] fond video en version dégrdée +* [ ] fond video en version dégradée + scale video un peu plus grand car bande noire en bas * [ ] réglages padding section statut diff --git a/style/main.css b/style/main.css index cf58610..552b3b0 100644 --- a/style/main.css +++ b/style/main.css @@ -11,7 +11,7 @@ /*================ BODY ======================*/ -html, body{ +html{ margin: 0; padding: 0; scrollbar-color: var(--back-color) var(--main-color); @@ -23,6 +23,13 @@ html, body{ z-index: -33; } +body{ + margin: 0; + padding: 0; + position: relative; + z-index: -33; +} + /*================ CLASSES COMMUNES ======================*/ @@ -193,6 +200,9 @@ main{ #msgWindow::backdrop{ background-color: var(--back-color); opacity: .333; + width: 100vw; + height: 100vh; + box-sizing: border-box; } } diff --git a/style/responsive.css b/style/responsive.css index b2713e5..151ca1b 100644 --- a/style/responsive.css +++ b/style/responsive.css @@ -47,7 +47,7 @@ #msgWindow{ left: unset; - right: 16.1px;; + right: 77px; top: 161px; } }