twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-12-23 20:13:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed user guide layout (#5422)

Browse Source 
- Added border-radius to image cards in User Guide:
Before: 
<img width="376" alt="Screenshot 2024-05-15 at 11 05 35"
src="https://github.com/twentyhq/twenty/assets/102751374/88e63152-2a50-49d5-89cb-522d94c26d3f">

After: 
<img width="366" alt="Screenshot 2024-05-15 at 11 08 20"
src="https://github.com/twentyhq/twenty/assets/102751374/f21b39d8-74eb-4520-8357-78409d7c8598">

- Centered and aligned index and article pages
This commit is contained in:
Ady Beraud 2024-05-15 11:24:24 +03:00 committed by GitHub
parent 0af86eafff
commit dc32f65906
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/twenty-website/src/app/_components/user-guide/UserGuideCard.tsx
View File

@ -46,6 +46,8 @@ const StyledSubHeading = styled.div`
const StyledImage = styled.img`
border-bottom: 1.5px solid #14141429;
height: 160px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
`;
export default function UserGuideCard({

5
packages/twenty-website/src/app/_components/user-guide/UserGuideContent.tsx
View File

@ -38,6 +38,11 @@ const StyledWrapper = styled.div`
max-width: 720px;
margin: ${Theme.spacing(10)} 92px ${Theme.spacing(20)};
}
@media (min-width: 1500px) {
max-width: 720px;
margin: ${Theme.spacing(10)} auto ${Theme.spacing(20)};
}
`;
const StyledHeader = styled.div`

9
packages/twenty-website/src/app/_components/user-guide/UserGuideMain.tsx
View File

@ -13,6 +13,9 @@ const StyledContainer = styled.div`
flexDirection: 'row',
justifyContent: 'center',
})};
@media (min-width: 1500px) {
width: 100%;
}
`;
const StyledWrapper = styled.div`
@ -30,6 +33,12 @@ const StyledWrapper = styled.div`
padding: ${Theme.spacing(10)} 50px ${Theme.spacing(20)};
align-items: center;
}
@media (min-width: 1500px) {
width: 720px;
padding: ${Theme.spacing(10)} 0px ${Theme.spacing(20)};
margin-right: 300px;
}
`;
const StyledTitle = styled.div`