Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-03-23 17:47:10 +01:00
Code Issues Projects Releases Packages Wiki Activity

web/DonateBanner: optimize for rtl layouts

Browse source
This commit is contained in:
wukko 2024-11-24 14:30:02 +06:00
parent 7fc3d70d71
commit da5cd3e324
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
web/src/components/donate/DonateBanner.svelte
View file

@ -100,6 +100,10 @@
bottom: 0; bottom: 0;
} }
#banner-right:dir(rtl) {
position: relative;
}
#imput-logo { #imput-logo {
display: flex; display: flex;
} }
@ -121,6 +125,11 @@
max-width: 55%; max-width: 55%;
} }
#banner-left:dir(rtl) {
padding-right: 47px;
padding-left: 0px;
}
#banner-title { #banner-title {
font-family: serif; font-family: serif;
font-size: 48px; font-size: 48px;
@ -202,11 +211,6 @@
display: none; display: none;
} }
#banner-left {
max-width: 100%;
padding: 55px;
}
#banner-background { #banner-background {
mask-image: linear-gradient( mask-image: linear-gradient(
180deg, 180deg,
@ -219,7 +223,9 @@
justify-content: center; justify-content: center;
} }
#banner-left { #banner-left,
#banner-left:dir(rtl) {
max-width: 100%;
padding: 45px 12px; padding: 45px 12px;
gap: 14px; gap: 14px;
align-items: center; align-items: center;
@ -238,7 +244,8 @@
} }
@media screen and (max-width: 550px) { @media screen and (max-width: 550px) {
#banner-left { #banner-left,
#banner-left:dir(rtl) {
padding: 32px 12px; padding: 32px 12px;
gap: 12px; gap: 12px;
} }