styling

2026-07-14 00:12:39 -07:00
parent e6c72a5789
commit d3809b5805
17 changed files with 504 additions and 168 deletions
@@ -4,7 +4,7 @@ const UpcomingTournamentSkeleton = () => {
  return (
    <Stack gap="lg">
      <Flex px="md" justify="center" w="100%">
-        <Skeleton height={200} width={240} radius="md" />
+        <Skeleton height={318} width={318} radius="lg" />
      </Flex>
        <Stack align="center" gap={2}>
          <Skeleton height={16} w="30%" mb="md" />
@@ -12,7 +12,14 @@ const UpcomingTournamentSkeleton = () => {
        </Stack>

      <Stack px="md">
-        <Card withBorder radius="lg" p="lg">
+        <Card
+          withBorder
+          p="lg"
+          style={{
+            borderRadius:
+              "2px 2px var(--mantine-radius-lg) var(--mantine-radius-lg)",
+          }}
+        >
          <Skeleton height={14} width="80%" mb={16} />
          <Group mb="sm" gap="xs" align="center">
            <Skeleton height={32} width={16} />