mirror of
https://github.com/wukko/cobalt.git
synced 2024-11-15 12:50:01 +00:00
web/donate: make page scrollable on sides
This commit is contained in:
parent
744842cc3d
commit
305d0429f1
1 changed files with 37 additions and 29 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue