Modify i18n button position

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