diff --git a/src/app/routes/_authed/tournaments/$tournamentId.tsx b/src/app/routes/_authed/tournaments/$tournamentId.tsx index 7c86bf8..cbd2275 100644 --- a/src/app/routes/_authed/tournaments/$tournamentId.tsx +++ b/src/app/routes/_authed/tournaments/$tournamentId.tsx @@ -6,7 +6,6 @@ import { Box, Button } from '@mantine/core'; import { useSheet } from '@/hooks/use-sheet'; import Sheet from '@/components/sheet/sheet'; import { Tournament } from '@/features/tournaments/types'; -import { UsersIcon } from '@phosphor-icons/react'; import TeamList from '@/features/teams/components/team-list'; export const Route = createFileRoute('/_authed/tournaments/$tournamentId')({ diff --git a/src/features/bracket/components/bracket-page.tsx b/src/features/bracket/components/bracket-page.tsx index 1169480..81d2b7c 100644 --- a/src/features/bracket/components/bracket-page.tsx +++ b/src/features/bracket/components/bracket-page.tsx @@ -4,9 +4,7 @@ import BracketView from "./bracket-view"; import { useEffect, useState } from "react"; import { bracketQueries } from "../queries"; import { useQuery } from "@tanstack/react-query"; -// import { useDraggable } from "react-use-draggable-scroll"; import './styles.module.css'; -// import { useIsMobile } from "@/hooks/use-is-mobile"; import useAppShellHeight from "@/hooks/use-appshell-height"; import { createBracketMaps, BracketMaps } from "../utils/bracket-maps"; diff --git a/src/features/bracket/components/seed-list.tsx b/src/features/bracket/components/seed-list.tsx index 32eed54..cee08e7 100644 --- a/src/features/bracket/components/seed-list.tsx +++ b/src/features/bracket/components/seed-list.tsx @@ -1,5 +1,4 @@ import { Flex, Text, Select, Card } from '@mantine/core'; -import React from 'react'; interface Team { id: string; diff --git a/src/features/bracket/components/styles.module.css b/src/features/bracket/components/styles.module.css index 01ba6a1..21a150c 100644 --- a/src/features/bracket/components/styles.module.css +++ b/src/features/bracket/components/styles.module.css @@ -1,33 +1,7 @@ -/* Hide scrollbars but keep functionality */ .bracket-container::-webkit-scrollbar { display: none; } -.bracket-container { - -ms-overflow-style: none; - scrollbar-width: none; -} - -/* Cursor states for draggable area */ -.bracket-container:active { - cursor: grabbing; -} - -/* Smooth scrolling on mobile */ -.bracket-container { - -webkit-overflow-scrolling: touch; - scroll-behavior: smooth; -} - -/* Prevent text selection while dragging */ -.bracket-container * { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -/* Optional: Add subtle shadows for depth on desktop */ @media (min-width: 768px) { .bracket-container { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);