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

fix errors and warnings

Browse Source
This commit is contained in:
Viktor Rådberg
2023-09-18 11:33:30 +02:00
parent 4230032d6f
commit de30682597
16 changed files with 144 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/Components/Misc/OutlinedText.tsx
View File

@@ -17,7 +17,7 @@ const CenteredText = styled.div<{
fillColor?: string;
fontSize?: string;
fontWeight?: string;
rotation?: Rotation;
$rotation?: Rotation;
}>`
position: absolute;
font-weight: ${(props) => props.fontWeight || ''};
@@ -31,14 +31,14 @@ const CenteredText = styled.div<{
color: ${(props) => props.fillColor || theme.palette.common.black};
font-size: ${(props) => props.fontSize || '6vmin'};
-webkit-text-stroke: ${(props) => props.strokeWidth || '1vmin'} ${(props) => props.strokeColor || theme.palette.common.white};
-webkit-text-stroke: ${(props) => props.strokeWidth || '1vmin'}${(props) => props.strokeColor || theme.palette.common.white};
-webkit-text-fill-color: ${(props) =>
props.fillColor || theme.palette.common.black};
${(props) => {
if (
props.rotation === Rotation.SideFlipped ||
props.rotation === Rotation.Side
props.$rotation === Rotation.SideFlipped ||
props.$rotation === Rotation.Side
) {
return css`
rotate: 270deg;
@@ -81,7 +81,7 @@ export const OutlinedText: React.FC<OutlinedTextProps> = ({
strokeWidth={strokeWidth}
strokeColor={strokeColor}
fillColor={fillColor}
rotation={rotation}
$rotation={rotation}
>
{children}
<CenteredTextOutline aria-hidden>{children}</CenteredTextOutline>