fix overflows from transitions
Some checks failed
/ build (pull_request) Has been cancelled

This commit is contained in:
kritzl 2026-09-16 11:15:02 +02:00
commit b918cd0a8f
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
7 changed files with 27 additions and 69 deletions

View file

@ -55,12 +55,7 @@ const program = [
</div>
</div>
<div class="bg-base-200 w-screen overflow-x-hidden">
<svg
viewBox="0 0 283.46457 11.338583"
class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) mb-20"
xmlns="http://www.w3.org/2000/svg">
<use xlink:href="#transition"/>
</svg>
<div class="mask-[url(/transitions/small.svg)] bg-base-100 h-10 mask-repeat-x mask-[auto_100%]"/>
<div class="container p-8 mx-auto">
<div class="flex flex-col gap-5 items-center">
{program.map(element => (
@ -71,12 +66,7 @@ const program = [
))}
</div>
</div>
<svg
viewBox="0 0 283.46457 11.338583"
class="w-[200%] sm:w-[150%] lg:w-full text-(--color-base-100) bg-base-200 rotate-180 mt-20"
xmlns="http://www.w3.org/2000/svg">
<use xlink:href="#transition"/>
</svg>
<div class="mask-[url(/transitions/small.svg)] bg-base-100 rotate-180 h-10 mask-repeat-x mask-[auto_100%] mask-right"/>
</div>
<Footer/>
</Layout>