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,
}}
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=false]:border-primary-main
data-[wake-lock-active=true]:bg-secondary-dark rounded-lg border border-transparent
data-[wake-lock-active=true]:border-primary-main
"
onClick={() => {
wakeLock.toggleWakeLock();

View File

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