nav logo fix

tsokawing · Mar 20, 2022 · 20e47c0 · 20e47c0
1 parent b31aab8
commit 20e47c0
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -280,7 +280,13 @@ const Nav: Component<{ showLogo?: boolean; filled?: boolean }> = (props) => {
               <Link href="/" onClick={onClickLogo} noScroll class={`py-3 flex w-9 `}>
                 <span class="sr-only">Navigate to the home page</span>
                 <img class="w-full h-auto z-10" src={logo} alt="Solid logo" />
-                <img class="w-8 absolute h-5 ml-5 mt-3" src={ukraine} alt="Solid logo" />
+                <img
+                  class={`w-8 h-5 absolute ${
+                    t('global.dir', {}, 'ltr') === 'rtl' ? 'mr-5 -scale-x-100 mt-2' : 'ml-5 mt-3'
+                  }`}
+                  src={ukraine}
+                  alt="Solid logo"
+                />
               </Link>
             </div>
             <ScrollShadow