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<{
|
const StyledTab = styled.div<{
|
||||||
active: boolean;
|
active: boolean;
|
||||||
|
theme: Theme;
|
||||||
}>`
|
}>`
|
||||||
background: ${({ active, theme }: { active: boolean; theme: Theme }) =>
|
background: ${({ active, theme }) =>
|
||||||
active ? theme.colors.complementary : theme.colors.secondary};
|
active ? theme.colors.complementary : theme.colors.secondary};
|
||||||
padding: 12px 0px;
|
padding: 12px 0px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -46,6 +47,6 @@ const StyledTab = styled.div<{
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const TabText = styled.h3`
|
const TabText = styled.h3<{ theme: Theme }>`
|
||||||
color: ${({ theme }: { theme: Theme }) => theme.colors.textColor.primary};
|
color: ${({ theme }) => theme.colors.textColor.primary};
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ export const SpendScreen = (): JSX.Element => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
const SpendScreenContainer = styled.div`
|
const SpendScreenContainer = styled.div<{ theme: Theme }>`
|
||||||
background-color: ${({ theme }: { theme: Theme }) => theme.colors.primary};
|
background-color: ${({ theme }) => theme.colors.primary};
|
||||||
height: 100%;
|
height: 100%;
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -107,5 +107,5 @@
|
|||||||
// "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */
|
// "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */
|
||||||
"skipLibCheck": true /* Skip type checking all .d.ts files. */
|
"skipLibCheck": true /* Skip type checking all .d.ts files. */
|
||||||
},
|
},
|
||||||
"include": ["./*"]
|
"include": ["./**/*"]
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user