Better scaling on small devices

This commit is contained in:
Viktor Rådberg
2024-03-23 16:05:29 +01:00
parent 355f4bd4cd
commit 3a568fc3ab
10 changed files with 186 additions and 132 deletions

View File

@@ -3,10 +3,12 @@ import React from 'react';
import { theme } from '../../../Data/theme';
import {
FivePlayers,
FivePlayersSide,
FourPlayers,
FourPlayersSide,
OnePlayerPortrait,
SixPlayers,
SixPlayersSide,
ThreePlayers,
ThreePlayersSide,
TwoPlayersOppositeLandscape,
@@ -303,20 +305,20 @@ export const LayoutOptions: React.FC<LayoutOptionsProps> = ({
}
label=""
/>
{/* <FormControlLabel
value={GridTemplateAreas.FivePlayersSide}
<FormControlLabel
value={Orientation.Portrait}
control={
<Radio
icon={
<FivePlayersSide
height={iconHeight}
height={iconHeight}
width={iconWidth}
fill={theme.palette.secondary.main}
/>
}
checkedIcon={
<FivePlayersSide
height={iconHeight}
height={iconHeight}
width={iconWidth}
fill={theme.palette.primary.main}
/>
@@ -325,7 +327,7 @@ export const LayoutOptions: React.FC<LayoutOptionsProps> = ({
/>
}
label=""
/> */}
/>
</>
);
@@ -356,20 +358,20 @@ export const LayoutOptions: React.FC<LayoutOptionsProps> = ({
}
label=""
/>
{/* <FormControlLabel
value={GridTemplateAreas.SixPlayersSide}
<FormControlLabel
value={Orientation.Portrait}
control={
<Radio
icon={
<SixPlayersSide
height={iconHeight}
height={iconHeight}
width={iconWidth}
fill={theme.palette.secondary.main}
/>
}
checkedIcon={
<SixPlayersSide
height={iconHeight}
height={iconHeight}
width={iconWidth}
fill={theme.palette.primary.main}
/>
@@ -378,7 +380,7 @@ export const LayoutOptions: React.FC<LayoutOptionsProps> = ({
/>
}
label=""
/> */}
/>
</>
);