Modify i18n button position

This commit is contained in:
Sakura Knoll
2022-01-03 14:06:45 +09:00 Unverified
parent 167d8e6623
commit d5610fc964
@@ -22,12 +22,13 @@ const Honkai3rdNavigator = () => {
</NextLink> </NextLink>
</Heading> </Heading>
</Flex> </Flex>
<Flex sx={{ justifyContent: 'space-between', flex: 1 }}>
<Flex sx={{ height: 40, alignItems: 'center' }}>
<NextLink href='/honkai3rd/versions' passHref> <NextLink href='/honkai3rd/versions' passHref>
<NavLink mr={3} sx={{ fontFamily: 'monospace' }}> <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
{t('nav.versions')} {t('nav.versions')}
</NavLink> </NavLink>
</NextLink> </NextLink>
<Flex sx={{ height: 40, alignItems: 'center' }}>
<NextLink href='/honkai3rd/battlesuits' passHref> <NextLink href='/honkai3rd/battlesuits' passHref>
<NavLink mr={3} sx={{ fontFamily: 'monospace' }}> <NavLink mr={3} sx={{ fontFamily: 'monospace' }}>
{t('nav.battlesuits')} {t('nav.battlesuits')}
@@ -48,16 +49,27 @@ const Honkai3rdNavigator = () => {
{t('nav.elfs')} {t('nav.elfs')}
</NavLink> </NavLink>
</NextLink> </NextLink>
</Flex>
<Flex sx={{ height: 40, alignItems: 'center' }}>
<NextLink <NextLink
href={{ pathname, query }} href={{ pathname, query }}
locale={locale === 'en-US' ? 'ko-KR' : 'en-US'} locale={locale === 'en-US' ? 'ko-KR' : 'en-US'}
as={asPath} as={asPath}
passHref passHref
> >
<NavLink>{locale === 'en-US' ? '🇺🇸' : '🇰🇷'}</NavLink> <NavLink>
{locale === 'en-US' ? (
'🇺🇸'
) : (
<>
🇰🇷 <small>( )</small>
</>
)}
</NavLink>
</NextLink> </NextLink>
</Flex> </Flex>
</Flex> </Flex>
</Flex>
) )
} }