Add figure with media-left for CardColumnSmall.tsx as well as fa-fw tag for constant width

This commit is contained in:
Florian Scholdei
2020-04-07 12:51:17 +02:00
parent 3a6a41ac5b
commit bbcff0c9df
4 changed files with 15 additions and 7 deletions

View File

@@ -62,11 +62,15 @@ const StyledLink = styled(Link)`
}
`;
const IconWrapper = styled.figure`
margin-right: 0.5rem;
`;
const CardColumnSmall: FC<Props> = ({ link, icon, contentLeft, contentRight, footer }) => {
return (
<StyledLink to={link}>
<div className="media">
{icon}
<IconWrapper className="media-left">{icon}</IconWrapper>
<FlexFullHeight className={classNames("media-content", "text-box", "is-flex")}>
<CenteredItems className="is-flex">
<ContentLeft>{contentLeft}</ContentLeft>