fix keep awake toggle and layout styling

This commit is contained in:
Viktor Rådberg
2024-03-23 16:22:48 +01:00
parent 3a568fc3ab
commit 71f26d0dc5
2 changed files with 6 additions and 4 deletions

View File

@@ -334,8 +334,8 @@ const PlayerMenu = ({
fontSize: buttonFontSize, fontSize: buttonFontSize,
}} }}
className="text-primary-main px-1 webkit-user-select-none cursor-pointer className="text-primary-main px-1 webkit-user-select-none cursor-pointer
data-[wake-lock-active=false]:bg-secondary-dark rounded-lg border border-transparent data-[wake-lock-active=true]:bg-secondary-dark rounded-lg border border-transparent
data-[wake-lock-active=false]:border-primary-main data-[wake-lock-active=true]:border-primary-main
" "
onClick={() => { onClick={() => {
wakeLock.toggleWakeLock(); wakeLock.toggleWakeLock();

View File

@@ -42,7 +42,7 @@ export const LayoutOptions: React.FC<LayoutOptionsProps> = ({
switch (numberOfPlayers) { switch (numberOfPlayers) {
case 1: case 1:
return ( return (
<div> <>
<FormControlLabel <FormControlLabel
value={Orientation.Landscape} value={Orientation.Landscape}
control={ control={
@@ -91,7 +91,7 @@ export const LayoutOptions: React.FC<LayoutOptionsProps> = ({
} }
label="" label=""
/> />
</div> </>
); );
case 2: case 2:
return ( return (
@@ -309,6 +309,7 @@ export const LayoutOptions: React.FC<LayoutOptionsProps> = ({
value={Orientation.Portrait} value={Orientation.Portrait}
control={ control={
<Radio <Radio
style={{ maxWidth: iconMaxWidth, maxHeight: iconMaxHeight }}
icon={ icon={
<FivePlayersSide <FivePlayersSide
height={iconHeight} height={iconHeight}
@@ -362,6 +363,7 @@ export const LayoutOptions: React.FC<LayoutOptionsProps> = ({
value={Orientation.Portrait} value={Orientation.Portrait}
control={ control={
<Radio <Radio
style={{ maxWidth: iconMaxWidth, maxHeight: iconMaxHeight }}
icon={ icon={
<SixPlayersSide <SixPlayersSide
height={iconHeight} height={iconHeight}