From d5610fc964dbbfd80930eafd2543de960132f6e7 Mon Sep 17 00:00:00 2001
From: Sakura Knoll <s4kura.knoll@gmail.com>
Date: Mon, 3 Jan 2022 14:06:45 +0900
Subject: [PATCH] Modify i18n button position

---
 .../organisms/Honkai3rdNavigator.tsx          | 80 +++++++++++--------
 1 file changed, 46 insertions(+), 34 deletions(-)

diff --git a/src/components/organisms/Honkai3rdNavigator.tsx b/src/components/organisms/Honkai3rdNavigator.tsx
index b5883a75..77201304 100644
--- a/src/components/organisms/Honkai3rdNavigator.tsx
+++ b/src/components/organisms/Honkai3rdNavigator.tsx
@@ -22,40 +22,52 @@ const Honkai3rdNavigator = () => {
           </NextLink>
         </Heading>
       </Flex>
-      <NextLink href='/honkai3rd/versions' passHref>
-        <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
-          {t('nav.versions')}
-        </NavLink>
-      </NextLink>
-      <Flex sx={{ height: 40, alignItems: 'center' }}>
-        <NextLink href='/honkai3rd/battlesuits' passHref>
-          <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
-            {t('nav.battlesuits')}
-          </NavLink>
-        </NextLink>
-        <NextLink href='/honkai3rd/weapons' passHref>
-          <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
-            {t('nav.weapons')}
-          </NavLink>
-        </NextLink>
-        <NextLink href='/honkai3rd/stigmata' passHref>
-          <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
-            {t('nav.stigmata')}
-          </NavLink>
-        </NextLink>
-        <NextLink href='/honkai3rd/elfs' passHref>
-          <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
-            {t('nav.elfs')}
-          </NavLink>
-        </NextLink>
-        <NextLink
-          href={{ pathname, query }}
-          locale={locale === 'en-US' ? 'ko-KR' : 'en-US'}
-          as={asPath}
-          passHref
-        >
-          <NavLink>{locale === 'en-US' ? '🇺🇸' : '🇰🇷'}</NavLink>
-        </NextLink>
+      <Flex sx={{ justifyContent: 'space-between', flex: 1 }}>
+        <Flex sx={{ height: 40, alignItems: 'center' }}>
+          <NextLink href='/honkai3rd/versions' passHref>
+            <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
+              {t('nav.versions')}
+            </NavLink>
+          </NextLink>
+          <NextLink href='/honkai3rd/battlesuits' passHref>
+            <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
+              {t('nav.battlesuits')}
+            </NavLink>
+          </NextLink>
+          <NextLink href='/honkai3rd/weapons' passHref>
+            <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
+              {t('nav.weapons')}
+            </NavLink>
+          </NextLink>
+          <NextLink href='/honkai3rd/stigmata' passHref>
+            <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
+              {t('nav.stigmata')}
+            </NavLink>
+          </NextLink>
+          <NextLink href='/honkai3rd/elfs' passHref>
+            <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
+              {t('nav.elfs')}
+            </NavLink>
+          </NextLink>
+        </Flex>
+        <Flex sx={{ height: 40, alignItems: 'center' }}>
+          <NextLink
+            href={{ pathname, query }}
+            locale={locale === 'en-US' ? 'ko-KR' : 'en-US'}
+            as={asPath}
+            passHref
+          >
+            <NavLink>
+              {locale === 'en-US' ? (
+                '🇺🇸'
+              ) : (
+                <>
+                  🇰🇷 <small>(한글화 작업 중)</small>
+                </>
+              )}
+            </NavLink>
+          </NextLink>
+        </Flex>
       </Flex>
     </Flex>
   )