diff --git a/assets/css/custom-panel.css b/assets/css/custom-panel.css index c8cd413..dc4a0f4 100644 --- a/assets/css/custom-panel.css +++ b/assets/css/custom-panel.css @@ -138,3 +138,8 @@ input[type="checkbox"][data-variant="toggle"]::after { input[type="checkbox"][data-variant="toggle"]:checked::after { background-color: #fff; } + +input:where([type="checkbox"], [type="radio"]):checked::after, +input:where([type="checkbox"]):indeterminate::after { + background-color: #fff; +} diff --git a/src/views/WhitePaper.svelte b/src/views/WhitePaper.svelte index 12cb5c7..5607615 100644 --- a/src/views/WhitePaper.svelte +++ b/src/views/WhitePaper.svelte @@ -174,12 +174,10 @@ } .cover { - align-self: start; - width: 100%; - height: auto; - object-fit: contain; - pointer-events: none; - z-index: 0; + position: absolute; + left: 0; + bottom: 0; + width: 70rem; } /* ── Form area: desktop — right column ── */ @@ -331,6 +329,7 @@ .white-paper { position: relative; height: 100vh; + overflow: hidden; padding: 0; display: flex; @@ -373,14 +372,18 @@ } .cover { - position: absolute; + width: 100vw; + max-width: none; + scale: 1.5; + + /* position: absolute; bottom: -10%; left: 50%; transform: translateX(-50%); width: 75%; max-width: 300px; z-index: 0; - pointer-events: none; + pointer-events: none; */ } /* Quand le formulaire est affiché : masque le contenu principal */ diff --git a/src/views/WhitePapers.svelte b/src/views/WhitePapers.svelte index f07ebe3..d6e87ca 100644 --- a/src/views/WhitePapers.svelte +++ b/src/views/WhitePapers.svelte @@ -162,6 +162,7 @@