mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix margin on DeleteModal overlay (#998)

Browse Source 
* Fix margin on DeleteModal overlay

* Update chromatic ci triggers

* Update chromatic ci triggers
This commit is contained in:
Charles Bochet
2023-07-30 13:17:33 -07:00
committed by GitHub
parent be835af48b
commit eafa30a9cf
24 changed files with 388 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
front/src/pages/settings/SettingsProfile.tsx
View File

@ -6,24 +6,18 @@ import { NameFields } from '@/settings/profile/components/NameFields';
import { ProfilePictureUploader } from '@/settings/profile/components/ProfilePictureUploader';
import { IconSettings } from '@/ui/icon';
import { SubMenuTopBarContainer } from '@/ui/layout/components/SubMenuTopBarContainer';
import { MainSectionTitle } from '@/ui/title/components/MainSectionTitle';
import { SubSectionTitle } from '@/ui/title/components/SubSectionTitle';
import { Section } from '@/ui/section/components/Section';
import { H1Title } from '@/ui/title/components/H1Title';
import { H2Title } from '@/ui/title/components/H2Title';
const StyledContainer = styled.div`
display: flex;
flex-direction: column;
height: fit-content;
padding: ${({ theme }) => theme.spacing(8)};
padding-bottom: ${({ theme }) => theme.spacing(10)};
padding-bottom: 30px;
width: 350px;
> * + * {
margin-top: ${({ theme }) => theme.spacing(8)};
}
`;
const StyledSectionContainer = styled.div`
> * + * {
margin-top: ${({ theme }) => theme.spacing(4)};
}
`;
export function SettingsProfile() {
@ -31,29 +25,28 @@ export function SettingsProfile() {
<SubMenuTopBarContainer icon={<IconSettings size={16} />} title="Settings">
<>
<StyledContainer>
<MainSectionTitle>Profile</MainSectionTitle>
<StyledSectionContainer>
<SubSectionTitle title="Picture" />
<H1Title title="Profile" />
<Section>
<H2Title title="Picture" />
<ProfilePictureUploader />
</StyledSectionContainer>
<StyledSectionContainer>
<SubSectionTitle
</Section>
<Section>
<H2Title
title="Name"
description="Your name as it will be displayed"
/>
<NameFields />
</StyledSectionContainer>
<StyledSectionContainer>
<SubSectionTitle
</Section>
<Section>
<H2Title
title="Email"
description="The email associated to your account"
/>
<EmailField />
</StyledSectionContainer>
<StyledSectionContainer>
</Section>
<Section>
<DeleteAccount />
</StyledSectionContainer>
</Section>
</StyledContainer>
</>
</SubMenuTopBarContainer>