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}>

2
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';