Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-06-12 21:27:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/DonateOptionsCard: adjust padding, fix width, mask options row

Browse Source
This commit is contained in:
wukko
2024-08-09 11:46:56 +06:00
parent 98ac05ad86
commit cc5835a546
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/donate/DonateOptionsCard.svelte
View File

@ -128,10 +128,10 @@
display: flex;
flex-direction: column;
width: calc(100% - var(--donation-box-main-padding) * 2);
width: 100%;
max-width: 480px;
padding: var(--donation-box-main-padding);
padding: var(--donation-box-main-padding) 0;
border-radius: var(--donate-border-radius);
gap: calc(var(--donation-box-main-padding) / 2);
@ -145,6 +145,12 @@
inset;
}
#donation-types,
#donation-options,
#donation-custom {
padding: 0 var(--donation-box-main-padding);
}
#donation-types {
display: flex;
flex-direction: row;
@ -214,6 +220,14 @@
display: flex;
overflow-x: scroll;
gap: 6px;
mask-image: linear-gradient(
90deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 4%,
rgba(0, 0, 0, 1) 50%,
rgba(0, 0, 0, 1) 96%,
rgba(0, 0, 0, 0) 100%
);
}
#donation-custom {