[update] adapt chevron position according to language name

Animenosekai · Jun 5, 2022 · 3291280 · 3291280
1 parent f1e5f6c
commit 3291280
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/website/components/common/footer.tsx b/website/components/common/footer.tsx
@@ -2,7 +2,6 @@ import * as localizations from "../../localizations";
 
 import { IconChevronUp } from "@tabler/icons";
 import { useLanguage } from "contexts/language";
-import { useRef } from "react";
 
 export const Footer = () => {
     const { strings, setLanguage } = useLanguage();
@@ -17,7 +16,7 @@ export const Footer = () => {
                         })
                     }
                 </select>
-                <IconChevronUp className="-ml-7" />
+                <IconChevronUp className={`-ml-${10 - strings.name.length}`} />
             </div>
         </div>
     </footer>