fix tournament card size
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user