diff --git a/panda.config.ts b/panda.config.ts index 0054f0a8..6adb75b5 100644 --- a/panda.config.ts +++ b/panda.config.ts @@ -7,7 +7,9 @@ export const textStyles = defineTextStyles({ body: { description: "The body text style - used in paragraphs", value: { - fontFamily: "var(--font-poppins), var(--font-noto-sans-jp), Fluent Emoji Color", + fontFamily: + "'Satoshi-Variable', BlinkMacSystemFont, 'GenJyuuGothicLP', -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif", + fontVariationSettings: "'wght' 600", fontSize: { base: "sm", md: "md", @@ -91,6 +93,23 @@ export default defineConfig({ }, }, + globalFontface: { + "Satoshi-Variable": [ + { + src: 'url("/assets/fonts/Satoshi-Variable.woff2") format("woff2"), url("/assets/fonts/Satoshi-Variable.woff") format("woff"), url("/assets/fonts/Satoshi-Variable..ttf") format("truetype")', + fontWeight: "400", + fontDisplay: "swap", + fontStyle: "normal", + }, + { + src: 'url("/assets/fonts/Satoshi-Variable.woff2") format("woff2"), url("/assets/fonts/Satoshi-Variable.woff") format("woff"), url("/assets/fonts/Satoshi-Variable..ttf") format("truetype")', + fontWeight: "900", + fontDisplay: "swap", + fontStyle: "normal", + }, + ], + }, + jsxFramework: "react", outdir: "styled-system", }); diff --git a/public/assets/fonts/Satoshi-Variable.eot b/public/assets/fonts/Satoshi-Variable.eot new file mode 100644 index 00000000..f42624e1 Binary files /dev/null and b/public/assets/fonts/Satoshi-Variable.eot differ diff --git a/public/assets/fonts/Satoshi-Variable.ttf b/public/assets/fonts/Satoshi-Variable.ttf new file mode 100644 index 00000000..976e85cb Binary files /dev/null and b/public/assets/fonts/Satoshi-Variable.ttf differ diff --git a/public/assets/fonts/Satoshi-Variable.woff b/public/assets/fonts/Satoshi-Variable.woff new file mode 100644 index 00000000..f8dcd1d6 Binary files /dev/null and b/public/assets/fonts/Satoshi-Variable.woff differ diff --git a/public/assets/fonts/Satoshi-Variable.woff2 b/public/assets/fonts/Satoshi-Variable.woff2 new file mode 100644 index 00000000..b00e833e Binary files /dev/null and b/public/assets/fonts/Satoshi-Variable.woff2 differ diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 748a00ea..6742bded 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -17,6 +17,18 @@ export default function RootLayout({ }>) { return ( + + + + {
{ const session = await auth(); return ( -
+
{ logo diff --git a/src/components/logo/logo.tsx b/src/components/logo/logo.tsx index 7f6feb67..5b445599 100644 --- a/src/components/logo/logo.tsx +++ b/src/components/logo/logo.tsx @@ -14,8 +14,8 @@ export const Logo = () => { > {
{
{
- +
div": { + px: "16px", + _before: { + position: "absolute", + content: '""', + right: "0", + top: "0", + width: "16px", + height: "100%", + background: "linear-gradient(-90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)", + zIndex: 1, + }, + }, + })} + > + +
); }; diff --git a/src/components/top/player-list.tsx b/src/components/top/player-list.tsx index cea31b91..5b36f79c 100644 --- a/src/components/top/player-list.tsx +++ b/src/components/top/player-list.tsx @@ -12,7 +12,6 @@ export const PlayerList = ({ players }: { players: ServerPlayerData[] }) => { gap: "12px", flexShrink: 0, maxWidth: "100%", - minHeight: "48px", whiteSpace: "nowrap", alignItems: "center", })}