feat: better lang selector

This commit is contained in:
tresabhi committed 2025-01-06 20:14:33 -06:00
1 parent d9688f6051
commit db4132f666
2 files changed
+9 -9

No files matched your search

+6 -6
View File
@@ -122,9 +122,9 @@ const strings = getStrings(locale);
<Flex gap="5" display={{ initial: 'flex', sm: 'none' }}> <Flex gap="5" display={{ initial: 'flex', sm: 'none' }}>
<Flex direction="column" justify="between" align="end"> <Flex direction="column" justify="between" align="end">
<Text size="2" color="gray"> BlitzKit </Text> <Text size="2" color="gray">BlitzKit</Text>
<Text size="2" color="gray"> WoT Blitz </Text> <Text size="2" color="gray">WoT Blitz</Text>
<Text size="2" color="gray"> CDN </Text> <Text size="2" color="gray">CDN</Text>
</Flex> </Flex>
<Flex direction="column" justify="between" align="start"> <Flex direction="column" justify="between" align="start">
@@ -141,15 +141,15 @@ const strings = getStrings(locale);
</Flex> </Flex>
<Flex gap="2" align="center" display={{ initial: 'none', sm: 'flex' }}> <Flex gap="2" align="center" display={{ initial: 'none', sm: 'flex' }}>
<Text size="2" color="gray"> BlitzKit </Text> <Text size="2" color="gray">BlitzKit</Text>
<Code size="2" color="gray"> <Code size="2" color="gray">
{packageJson.version} {packageJson.version}
</Code> </Code>
<Text size="2" color="gray"> WoT Blitz </Text> <Text size="2" color="gray">WoT Blitz</Text>
<Code size="2" color="gray"> <Code size="2" color="gray">
{gameDefinitions.version} {gameDefinitions.version}
</Code> </Code>
<Text size="2" color="gray"> CDN </Text> <Text size="2" color="gray">CDN</Text>
<Code size="2" color="gray"> <Code size="2" color="gray">
{assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH)} {assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH)}
</Code> </Code>
@@ -5,7 +5,7 @@ import {
localizedStrings, localizedStrings,
SUPPORTED_LOCALES, SUPPORTED_LOCALES,
} from '@blitzkit/core'; } from '@blitzkit/core';
import { Box, Flex, Heading, Link, Text } from '@radix-ui/themes'; import { Box, Flex, Heading, Link, Separator } from '@radix-ui/themes';
import type { GetStaticPaths } from 'astro'; import type { GetStaticPaths } from 'astro';
import { AesonPlug } from '../../components/AesonPlug'; import { AesonPlug } from '../../components/AesonPlug';
import HomeHero from '../../components/HomeHero.astro'; import HomeHero from '../../components/HomeHero.astro';
@@ -41,7 +41,7 @@ export const getStaticPaths = (() => {
<BaseLayout> <BaseLayout>
<HomeHero /> <HomeHero />
<Flex justify="center" gap="2" pt="6" pb="4"> <Flex justify="center" gap="3" pt="6" pb="4" align="center">
{ {
SUPPORTED_LOCALES.map((thisLocale, index) => { SUPPORTED_LOCALES.map((thisLocale, index) => {
const selected = const selected =
@@ -51,7 +51,7 @@ export const getStaticPaths = (() => {
return ( return (
<> <>
{index > 0 && <Text color="gray">|</Text>} {index > 0 && <Separator orientation="vertical" size="1" />}
<Link <Link
color="gray" color="gray"