diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 1dda7f4..471a43b 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -17,13 +17,39 @@ import { Context } from '../data/Context'; */ export default function Header() { const { title, containerMaxWidth } = useContext(Context); + + const logoContainerStyle = { + textDecoration: 'none', + color: 'inherit', + margin: '0 0 0 0', + width: 'fit-content', + padding: '0 0 0 0 !important', + }; + return ( - - - + + + + + + + + + + {title} {title === '' && } diff --git a/src/pages/SpeedFlowchartPage.tsx b/src/pages/SpeedFlowchartPage.tsx index fef482c..fc2c9ff 100644 --- a/src/pages/SpeedFlowchartPage.tsx +++ b/src/pages/SpeedFlowchartPage.tsx @@ -11,6 +11,7 @@ import { Card, CardContent, Chip, + Container, Grid, Skeleton, Typography, @@ -84,7 +85,9 @@ export default function SpeedFlowchartPage() { container spacing={2} direction={{ xs: 'column-reverse', md: 'row' }} - className='speed-flowchart-container' + sx={{ + height: { md: 'calc(100vh - 64px - 16px - 16px)' }, + }} > {flowchartResult?.rounds.map((round, roundKey) => ( {round.pairs.length === 2 && ( -
@@ -123,14 +126,10 @@ export default function SpeedFlowchartPage() { logoImage={'/logo192.png'} logoWidth={100} logoHeight={100} - bgColor={theme.palette.background.default} - fgColor={theme.palette.text.secondary} size={250} ecLevel={'H'} - eyeRadius={5} - qrStyle={'dots'} /> -
+
)} {round.pairs.map((pair, pairKey) => (