diff --git a/web/src/components/donate/DonateBanner.svelte b/web/src/components/donate/DonateBanner.svelte index 0b2f1fb1..27482e25 100644 --- a/web/src/components/donate/DonateBanner.svelte +++ b/web/src/components/donate/DonateBanner.svelte @@ -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; }