fix tournament card size

This commit is contained in:
2025-10-04 22:42:00 -05:00
parent 95a50ee7a7
commit d18d148d32
3 changed files with 7 additions and 137 deletions
@@ -28,14 +28,6 @@ export const TournamentCard = ({ tournament }: TournamentCardProps) => {
w="100%"
onClick={() => navigate({ to: `/tournaments/${tournament.id}` })}
style={{ borderRadius: "var(--mantine-radius-md)" }}
styles={{
root: {
"&:hover": {
transform: "translateY(-2px)",
transition: "transform 0.15s ease",
},
},
}}
>
<Card
withBorder
@@ -46,19 +38,11 @@ export const TournamentCard = ({ tournament }: TournamentCardProps) => {
transition: "all 0.15s ease",
border: "1px solid var(--mantine-color-default-border)",
}}
styles={{
root: {
"&:hover": {
borderColor: "var(--mantine-primary-color-filled)",
boxShadow: "var(--mantine-shadow-sm)",
},
},
}}
>
<Group justify="space-between" align="center">
<Group gap="md" align="center">
<Avatar
size={95}
size={75}
radius="sm"
name={tournament.name}
contain
@@ -78,7 +62,7 @@ export const TournamentCard = ({ tournament }: TournamentCardProps) => {
<Stack gap={6} >
{tournament.first_place && (
<Badge
size="md"
size="sm"
radius="md"
variant="filled"
color="yellow"
@@ -96,7 +80,7 @@ export const TournamentCard = ({ tournament }: TournamentCardProps) => {
)}
{tournament.second_place && (
<Badge
size="md"
size="sm"
radius="md"
color="gray"
variant="filled"
@@ -113,7 +97,7 @@ export const TournamentCard = ({ tournament }: TournamentCardProps) => {
)}
{tournament.third_place && (
<Badge
size="md"
size="sm"
radius="md"
color="orange"
variant="filled"