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

Update oss friends (#5108)

Browse Source 
Modified OSS friends to fit figma (fonts, colors, margins etc. ) and
made it responsive.

---------

Co-authored-by: Ady Beraud <a.beraud96@gmail.com>
This commit is contained in:
Ady Beraud
2024-04-24 09:03:15 +03:00
committed by GitHub
parent fafa56411c
commit dc82ff56b8
5 changed files with 53 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/twenty-website/src/app/_components/oss-friends/Header.tsx
View File

@ -2,15 +2,17 @@
import styled from '@emotion/styled';
const Title = styled.h2`
import { Theme } from '@/app/_components/ui/theme/theme';
const Title = styled.h1`
font-size: 56px;
font-weight: 600;
font-weight: 700;
color: #b3b3b3;
margin-bottom: 0px;
margin-bottom: 24px;
margin-top: 64px;
@media (max-width: 810px) {
font-size: 28px;
@media (max-width: 1200px) {
font-size: 32px;
}
`;
@ -20,6 +22,9 @@ const Description = styled.h2`
margin-top: 0px;
margin-bottom: 36px;
font-weight: 400;
line-height: ${Theme.text.lineHeight.lg};
margin: 0 auto;
max-width: 600px;
@media (max-width: 810px) {
font-size: 18px;
}
@ -27,15 +32,15 @@ const Description = styled.h2`
export const Header = () => {
return (
<>
<div>
<Title>
Open-source <br /> <span style={{ color: 'black' }}>friends</span>
</Title>
<Description>
We are proud to collaborate with a diverse group of partners to <br />
promote open-source software.
We are proud to collaborate with a diverse group of partners to promote
open-source software.
</Description>
</>
</div>
);
};