fix: styled-components

This commit is contained in:
2023-07-03 20:36:42 -03:00
parent 7c11ff87a6
commit 6f5a0ec34a
3 changed files with 7 additions and 6 deletions

View File

@@ -32,8 +32,9 @@ const TabsContainer = styled.div`
const StyledTab = styled.div<{
active: boolean;
theme: Theme;
}>`
background: ${({ active, theme }: { active: boolean; theme: Theme }) =>
background: ${({ active, theme }) =>
active ? theme.colors.complementary : theme.colors.secondary};
padding: 12px 0px;
text-align: center;
@@ -46,6 +47,6 @@ const StyledTab = styled.div<{
}
`;
const TabText = styled.h3`
color: ${({ theme }: { theme: Theme }) => theme.colors.textColor.primary};
const TabText = styled.h3<{ theme: Theme }>`
color: ${({ theme }) => theme.colors.textColor.primary};
`;

View File

@@ -41,7 +41,7 @@ export const SpendScreen = (): JSX.Element => {
);
};
const SpendScreenContainer = styled.div`
background-color: ${({ theme }: { theme: Theme }) => theme.colors.primary};
const SpendScreenContainer = styled.div<{ theme: Theme }>`
background-color: ${({ theme }) => theme.colors.primary};
height: 100%;
`;

View File

@@ -107,5 +107,5 @@
// "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */
"skipLibCheck": true /* Skip type checking all .d.ts files. */
},
"include": ["./*"]
"include": ["./**/*"]
}