yolokube/dashboard
yolokube/dashboard
2
0
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages 1 Wiki Activity

Tweaked CSS

Browse source
This commit is contained in:
Bastian Meissner 2020-07-09 16:22:18 +02:00
parent f5f8566e77
commit 40b4bdca05
4 changed files with 29 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/elements.tsx
View file

@ -35,7 +35,7 @@ export const SubHeadline = styled.h3`
export const ItemList = styled.ul`
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-gap: 1rem;
padding: 0;
list-style: none;
@ -82,18 +82,12 @@ export const ErrorMessage = styled.p`
`;
interface IIconButtonProps {
icon: String;
icon: string;
onClick: any;
}
export const IconButton = ({ icon, onClick }: IIconButtonProps) => {
let StyledIcon = styled(Icon)`
text-color: ${selectedTheme.mainColor};
`;
return (
<StyledButton onClick={onClick}>
<StyledIcon>{icon}</StyledIcon>
</StyledButton>
);
};
export const IconButton = ({ icon, onClick }: IIconButtonProps) => (
<StyledButton onClick={onClick}>
<Icon name={icon} />
</StyledButton>
);