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

fix problems

Browse Source
This commit is contained in:
Viktor Rådberg
2023-08-02 15:37:50 +02:00
parent 6cab0e2513
commit dc8985e88c
4 changed files with 14 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Components/Buttons/CommanderDamage.tsx
View File

@@ -88,14 +88,6 @@ const CommanderDamageTextContainer = styled.p<{
}} }}
`; `;
const LmaoContainer = styled.div`
/* top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px; */
`;
const PartnerDamageSeperator = styled.div<{ const PartnerDamageSeperator = styled.div<{
rotation: number; rotation: number;
}>` }>`

7
src/Components/Buttons/ExtraCounter.tsx
View File

@@ -43,13 +43,6 @@ export const CenteredText = styled.div`
-ms-user-select: none; -ms-user-select: none;
`; `;
const CenteredTextOutline = styled.span`
position: absolute;
left: 0;
-webkit-text-stroke: 0;
pointer-events: none;
`;
const IconContainer = styled.div<{ const IconContainer = styled.div<{
rotation: number; rotation: number;
}>` }>`

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

@@ -90,6 +90,7 @@ export const LifeCounterTextContainer = styled.p<{
pointer-events: none; pointer-events: none;
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
user-select: none;
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;

18
src/Components/Text/OutlinedText.tsx
View File

@@ -1,7 +1,16 @@
import styled from 'styled-components'; import styled from 'styled-components';
import { theme } from '../../Data/theme'; // import { theme } from '../../Data/theme';
export const CenteredText = styled.div<{ const theme = {
palette: {
common: {
white: '#ffffff',
black: '#000000',
},
},
};
const CenteredText = styled.div<{
strokeWidth?: string; strokeWidth?: string;
strokeColor?: string; strokeColor?: string;
fillColor?: string; fillColor?: string;
@@ -14,7 +23,6 @@ export const CenteredText = styled.div<{
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
font-weight: ${(props) => props.fontWeight || ''}; font-weight: ${(props) => props.fontWeight || ''};
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
color: #b5b2b2;
user-select: none; user-select: none;
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
@@ -22,9 +30,9 @@ export const CenteredText = styled.div<{
-webkit-user-select: none; -webkit-user-select: none;
-ms-user-select: none; -ms-user-select: none;
color: ${(props) => props.fillColor || theme.palette.common.black};
font-size: ${(props) => props.fontSize || '6vmin'}; font-size: ${(props) => props.fontSize || '6vmin'};
-webkit-text-stroke: ${(props) => props.strokeWidth || '1vmin'} -webkit-text-stroke: ${(props) => props.strokeWidth || '1vmin'} ${(props) => props.strokeColor || theme.palette.common.white};
${(props) => props.strokeColor || theme.palette.common.white};
-webkit-text-fill-color: ${(props) => -webkit-text-fill-color: ${(props) =>
props.fillColor || theme.palette.common.black}; props.fillColor || theme.palette.common.black};
`; `;