groot/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make step in editor configurable

Browse Source
This commit is contained in:
Ali BARIN
2022-01-13 21:25:18 +01:00
committed by Ömer Faruk Aydın
parent 4985fb422e
commit 95a63affe7
21 changed files with 1966 additions and 5016 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/web/src/components/FlowStep/style.ts
View File

@@ -3,14 +3,21 @@ import Card from '@mui/material/Card';
export const Wrapper = styled(Card)`
width: 100%;
overflow: unset;
`;
type HeaderProps = {
borderBottom?: boolean;
collapsed?: boolean;
}
export const Header = styled('div', { shouldForwardProp: prop => prop !== 'borderBottom' })<HeaderProps>`
border-bottom: 1px solid ${({ theme, borderBottom }) => borderBottom ? alpha(theme.palette.divider, .8) : 'transparent'};
padding: ${({ theme }) => theme.spacing(2, 2)};
cursor: ${({ borderBottom }) => borderBottom ? 'unset' : 'pointer'};
`;
export const Header = styled('div', { shouldForwardProp: prop => prop !== 'collapsed' })<HeaderProps>`
padding: ${({ theme }) => theme.spacing(2)};
cursor: ${({ collapsed }) => collapsed ? 'pointer' : 'unset'};
`;
export const Content = styled('div')`
border: 1px solid ${({ theme }) => alpha(theme.palette.divider, .8)};
border-left: none;
border-right: none;
padding: ${({ theme }) => theme.spacing(2, 0)};
`;