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

create health component

Browse Source
This commit is contained in:
Viktor Rådberg
2023-09-17 18:16:58 +02:00
parent abbaec90e9
commit 444d4086aa
8 changed files with 475 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/Components/Buttons/LifeCounterButton.tsx
View File

@@ -23,10 +23,6 @@ export const StyledLifeCounterButton = styled.button`
-moz-user-select: -moz-none;
-webkit-user-select: none;
-ms-user-select: none;
@media (orientation: landscape) {
max-width: 50vmin;
max-height: 50vmax;
}
`;
const TextContainer = styled.div<{
@@ -34,7 +30,6 @@ const TextContainer = styled.div<{
rotation: number;
}>`
position: relative;
top: -10%;
${(props) => {
if (
@@ -45,13 +40,11 @@ const TextContainer = styled.div<{
return css`
rotate: -90deg;
bottom: 25%;
left: -10%;
top: auto;
`;
}
return css`
rotate: -90deg;
left: -10%;
top: 25%;
`;
}
@@ -117,7 +110,7 @@ const LifeCounterButton = ({
const fontSize =
rotation === Rotation.SideFlipped || rotation === Rotation.Side
? '8vmax'
: '16vmin';
: '12vmin';
return (
<StyledLifeCounterButton