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

dots behind bracket

Browse Source
This commit is contained in:
yohlo
2025-08-23 14:06:22 -05:00
parent ee97606279
commit 12d1aca92c
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/features/bracket/components/bracket-page.tsx
View File

@@ -143,6 +143,11 @@ export const PreviewBracketPage: React.FC = () => {
<ScrollArea <ScrollArea
h={`calc(${height} - 4rem)`} h={`calc(${height} - 4rem)`}
className="bracket-container" className="bracket-container"
style={{
backgroundImage: `radial-gradient(circle, var(--mantine-color-default-border) 1px, transparent 1px)`,
backgroundSize: '16px 16px',
backgroundPosition: '0 0, 8px 8px'
}}
> >
<div> <div>
<Text fw={600} size="md" mb={16}> <Text fw={600} size="md" mb={16}>

4
src/features/bracket/components/bracket-view.tsx
View File

@@ -1,4 +1,4 @@
import { ActionIcon, Card, Container, Flex, Text } from '@mantine/core'; import { ActionIcon, Card, Flex, Text } from '@mantine/core';
import { PlayIcon } from '@phosphor-icons/react'; import { PlayIcon } from '@phosphor-icons/react';
import React from 'react'; import React from 'react';
import { BracketMaps } from '../utils/bracket-maps'; import { BracketMaps } from '../utils/bracket-maps';
@@ -37,7 +37,7 @@ const BracketView: React.FC<BracketViewProps> = ({ bracket, bracketMaps, onAnnou
return ( return (
<Flex direction='row' gap={24} justify='left' pos='relative' p='xl'> <Flex direction='row' gap={24} justify='left' pos='relative' p='xl'>
{bracket.map((round, roundIndex) => ( {bracket.map((round, roundIndex) => (
<Flex direction='column' key={roundIndex} gap={24} justify='space-around'> <Flex direction='column' key={roundIndex} gap={24} justify='space-around'>
{round.map((match, matchIndex) => { {round.map((match, matchIndex) => {
if (!match) return null; if (!match) return null;