web/donate: make page scrollable on sides

This commit is contained in:
dumbmoron 2024-08-30 16:48:20 +00:00
parent 744842cc3d
commit 305d0429f1
No known key found for this signature in database

View file

@ -18,7 +18,8 @@
</title>
</svelte:head>
<main id="donate-page">
<div id="donate-page-wrapper">
<main id="donate-page">
<DonateBanner />
<section id="support-options">
@ -45,20 +46,27 @@
{/each}
</div>
</section>
</main>
</main>
</div>
<style>
#donate-page-wrapper {
display: flex;
width: 100%;
height: max-content;
justify-content: center;
overflow-y: scroll;
padding: var(--padding);
}
#donate-page {
--donate-border-radius: 24px;
--donate-border-opacity: 0.1;
--donate-gradient-start: #1a1a1a;
--donate-gradient-end: #404040;
max-width: 950px;
max-width: 100%;
width: 900px;
margin: 0 auto;
overflow-x: hidden;
padding: var(--padding);
display: flex;
flex-direction: column;