mirror of
https://github.com/FranP-code/spend-ia.git
synced 2025-10-13 00:14:09 +00:00
fix: styled-components
This commit is contained in:
@@ -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};
|
||||
`;
|
||||
|
||||
@@ -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%;
|
||||
`;
|
||||
|
||||
@@ -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": ["./**/*"]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user