admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix gap in object edition page (#8310)

Browse Source 
Fixing 

![image](https://github.com/user-attachments/assets/794968c2-1d13-49f2-9367-e93285a7d10f)

Note - this page design be updated in the next release
(https://github.com/twentyhq/twenty/pull/7979)
This commit is contained in:
Marie
2024-11-04 17:36:03 +01:00
committed by GitHub
parent 76e8bf33ac
commit 741020fbb0
1 changed files with 66 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectAboutForm.tsx
View File

@ -63,10 +63,6 @@ const StyledInputContainer = styled.div`
flex-direction: column; flex-direction: column;
`; `;
const StyledSectionWrapper = styled.div`
margin-bottom: ${({ theme }) => theme.spacing(4)};
`;
const StyledAdvancedSettingsSectionInputWrapper = styled.div` const StyledAdvancedSettingsSectionInputWrapper = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -76,9 +72,10 @@ const StyledAdvancedSettingsSectionInputWrapper = styled.div`
const StyledAdvancedSettingsContainer = styled.div` const StyledAdvancedSettingsContainer = styled.div`
display: flex; display: flex;
width: 100%;
gap: ${({ theme }) => theme.spacing(2)}; gap: ${({ theme }) => theme.spacing(2)};
padding-top: ${({ theme }) => theme.spacing(4)};
position: relative; position: relative;
width: 100%;
`; `;
const StyledIconToolContainer = styled.div` const StyledIconToolContainer = styled.div`
@ -154,7 +151,6 @@ export const SettingsDataModelObjectAboutForm = ({
return ( return (
<> <>
<StyledSectionWrapper>
<StyledInputsContainer> <StyledInputsContainer>
<StyledInputContainer> <StyledInputContainer>
<StyledLabel>Icon</StyledLabel> <StyledLabel>Icon</StyledLabel>
@ -231,7 +227,6 @@ export const SettingsDataModelObjectAboutForm = ({
/> />
)} )}
/> />
</StyledSectionWrapper>
<AnimatePresence> <AnimatePresence>
{isAdvancedModeEnabled && ( {isAdvancedModeEnabled && (
<motion.div <motion.div