Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-01-22 10:46:19 +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;
}
#banner-right:dir(rtl) {
position: relative;
}
#imput-logo {
display: flex;
}
@ -121,6 +125,11 @@
max-width: 55%;
}
#banner-left:dir(rtl) {
padding-right: 47px;
padding-left: 0px;
}
#banner-title {
font-family: serif;
font-size: 48px;
@ -202,11 +211,6 @@
display: none;
}
#banner-left {
max-width: 100%;
padding: 55px;
}
#banner-background {
mask-image: linear-gradient(
180deg,
@ -219,7 +223,9 @@
justify-content: center;
}
#banner-left {
#banner-left,
#banner-left:dir(rtl) {
max-width: 100%;
padding: 45px 12px;
gap: 14px;
align-items: center;
@ -238,7 +244,8 @@
}
@media screen and (max-width: 550px) {
#banner-left {
#banner-left,
#banner-left:dir(rtl) {
padding: 32px 12px;
gap: 12px;
}