kyle/flxn-app
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

various improvements

Browse Source
This commit is contained in:
yohlo
2025-09-17 09:02:20 -05:00
parent c170e1e1fe
commit 498010e3e2
25 changed files with 733 additions and 643 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/features/tournaments/components/upcoming-tournament/header.tsx
View File

@@ -1,4 +1,4 @@
import { Group, Stack, ThemeIcon, Text } from "@mantine/core";
import { Group, Stack, ThemeIcon, Text, Flex } from "@mantine/core";
import { Tournament } from "../../types";
import Avatar from "@/components/avatar";
import {
@@ -20,7 +20,7 @@ const Header = ({ tournament }: { tournament: Tournament }) => {
);
return (
<Stack align="center" gap="lg">
<Stack align="center" gap={0}>
<Avatar
name={tournament.name}
src={
@@ -29,13 +29,13 @@ const Header = ({ tournament }: { tournament: Tournament }) => {
: undefined
}
radius="md"
size={200}
size={300}
px="xs"
withBorder={false}
>
<TrophyIcon size={32} />
</Avatar>
<Stack gap="xs">
<Flex gap="xs" direction="row" wrap="wrap" justify="space-around">
{tournament.location && (
<Group gap="xs">
<ThemeIcon size="sm" variant="light" radius="sm">
@@ -64,16 +64,7 @@ const Header = ({ tournament }: { tournament: Tournament }) => {
})}
</Text>
</Group>
<Group gap="xs">
<ThemeIcon size="sm" variant="light" radius="sm">
<UsersIcon size={14} />
</ThemeIcon>
<Text size="sm" c="dimmed">
{teamCount} teams enrolled
</Text>
</Group>
</Stack>
</Flex>
</Stack>
);
};