1dfeba39eb
This PR was created by [GitStart](https://gitstart.com/) to address the requirements from this ticket: [TWNTY-7532](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7532). --- ### Description Migrate: - Card - CardContent - CardFooter - CardHeader ### Demo Card in Storybook  ###### Fixes twentyhq/private-issues#86 --------- Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com> Co-authored-by: Charles Bochet <charles@twenty.com>
13 lines
458 B
TypeScript
13 lines
458 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
const StyledCard = styled.div<{ fullWidth?: boolean; rounded?: boolean }>`
|
|
border: 1px solid ${({ theme }) => theme.border.color.medium};
|
|
border-radius: ${({ theme, rounded }) =>
|
|
rounded ? theme.border.radius.md : theme.border.radius.sm};
|
|
color: ${({ theme }) => theme.font.color.secondary};
|
|
overflow: hidden;
|
|
width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
|
|
`;
|
|
|
|
export { StyledCard as Card };
|