external-repos/LifeTrinket
1
0
Fork 1
mirror of https://github.com/Vikeo/LifeTrinket.git synced 2025-11-16 07:47:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix some scaling

Browse Source
This commit is contained in:
Viktor Rådberg
2023-09-01 18:40:13 +02:00
parent 3d036e6026
commit e9a1eec73b
3 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Components/Buttons/SettingsButton.tsx
View File

@@ -9,7 +9,7 @@ export const StyledSettingsButton = styled.button<{ rotation: number }>`
border: none; border: none;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
top: 12vmin; top: 25%;
right: 1vmax; right: 1vmax;
background-color: transparent; background-color: transparent;
user-select: none; user-select: none;
@@ -26,7 +26,7 @@ export const StyledSettingsButton = styled.button<{ rotation: number }>`
return css` return css`
right: auto; right: auto;
top: 1vmax; top: 1vmax;
left: 12vmin; left: 27%;
`; `;
} }
}} }}

12
src/Components/LifeCounter/LifeCounter.tsx
View File

@@ -187,8 +187,8 @@ export const LoseGameButton = styled.button<{ rotation: Rotation }>`
border: none; border: none;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
top: 12vmin; top: 25%;
right: 6vmax; right: 15%;
background-color: #43434380; background-color: #43434380;
border-radius: 8px; border-radius: 8px;
-webkit-touch-callout: none; -webkit-touch-callout: none;
@@ -202,15 +202,15 @@ export const LoseGameButton = styled.button<{ rotation: Rotation }>`
if (props.rotation === Rotation.SideFlipped) { if (props.rotation === Rotation.SideFlipped) {
return css` return css`
right: auto; right: auto;
top: 6vmax; top: 15%;
left: 12vmin; left: 27%;
rotate: ${props.rotation}deg; rotate: ${props.rotation}deg;
`; `;
} else if (props.rotation === Rotation.Side) { } else if (props.rotation === Rotation.Side) {
return css` return css`
right: auto; right: auto;
top: 6vmax; top: 15%;
left: 12vmin; left: 27%;
rotate: ${props.rotation - 180}deg; rotate: ${props.rotation - 180}deg;
`; `;
} }

4
src/Components/PlayerMenu/PlayerMenu.tsx
View File

@@ -34,8 +34,9 @@ const CloseButton = styled.div<{
rotation: Rotation; rotation: Rotation;
}>` }>`
position: absolute; position: absolute;
top: 5%; top: 15%;
right: 5%; right: 5%;
z-index: 9999;
border: none; border: none;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
@@ -77,6 +78,7 @@ const PlayerMenu = ({
resetCurrentGame, resetCurrentGame,
}: PlayerMenuProps) => { }: PlayerMenuProps) => {
const handleOnClick = () => { const handleOnClick = () => {
console.log('hej');
setShowPlayerMenu(false); setShowPlayerMenu(false);
}; };