1997 new object field step 1 create page (#2054)

* add ObjectNewField page

* add story

* refactored to include step1

* replaced step1 by step-1 and fix onCLick behavior

* refactor stories

* refactoring in progress

* refactor SettingsPageContainer

* refactor SettingsPageContainer
This commit is contained in:
bosiraphael
2023-10-16 17:11:09 +02:00
committed by GitHub
parent 525603227a
commit e147e7aebb
39 changed files with 254 additions and 236 deletions

View File

@ -0,0 +1,13 @@
import styled from '@emotion/styled';
import { objectSettingsWidth } from '../data-model/constants/objectSettings';
const StyledSettingsPageContainer = styled.div<{ width?: number }>`
display: flex;
flex-direction: column;
gap: ${({ theme }) => theme.spacing(8)};
padding: ${({ theme }) => theme.spacing(8)};
width: ${({ width }) => (width ? width + 'px' : objectSettingsWidth)};
`;
export { StyledSettingsPageContainer as SettingsPageContainer };

View File

@ -4,6 +4,7 @@ export enum SettingsPath {
Objects = 'objects',
ObjectDetail = 'objects/:pluralObjectName',
ObjectEdit = 'objects/:pluralObjectName/edit',
ObjectNewFieldStep1 = 'objects/:pluralObjectName/new-field/step-1',
NewObject = 'objects/new',
WorkspaceMembersPage = 'workspace-members',
Workspace = 'workspace',

View File

@ -25,8 +25,6 @@ const StyledSection = styled.div<{
fontColor: SectionFontColor;
}>`
color: ${({ theme, fontColor }) => theme.font.color[fontColor]};
margin-bottom: ${({ theme }) => theme.spacing(4)};
margin-top: ${({ theme }) => theme.spacing(4)};
text-align: ${({ alignment }) => alignment};
width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
`;