status-im
/
nimbus-site
mirror of https://github.com/status-im/nimbus-site.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

style: update styles based on latest design

This commit is contained in:
jinhojang6 2024-02-22 22:08:09 +09:00 committed by Jinho Jang
parent 8b12f79379
commit e884e68d81
2 changed files with 61 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/css/custom.scss
View File

@ -30,7 +30,6 @@ html[data-theme='light'] {
}
.buttons-row {
margin-top: 32px;
display: flex;
gap: 16px;
}
@ -42,3 +41,20 @@ html[data-theme='light'] {
gap: 8px;
}
}
h2 {
margin-top: unset !important;
}
#open-source-and-support {
h3 {
max-width: 460px;
font-size: 18px !important;
line-height: 24px;
margin-top: 24px;
}
a {
margin-top: 24px;
}
}

24
src/pages/index.mdx
View File

@ -104,7 +104,7 @@ import { Button } from '@acid-info/lsd-react'
</Box>
</Box>
<Box top={{ xs: 144, lg: 214 }}>
<Box top={{ xs: 144, lg: 190 }}>
<FeatureList
id="clients"
alignment="top"
@ -134,7 +134,7 @@ import { Button } from '@acid-info/lsd-react'
</Box>
<Box top={{ xs: 144, lg: 216 }}>
<Box top={{ xs: 144, lg: 190 }}>
<CallToActionSection
title="Get started"
description={
@ -203,7 +203,7 @@ import { Button } from '@acid-info/lsd-react'
name="DSRV"
logoSrc="/logo/dsrv.svg"
logoSrcDark="/logo/dsrv.svg"
description="DSRV iis running Nimbus with close to 2000 validators on the Ethereum mainnet. We found Nimbus consensus client to be both reliable and easy to operate while requiring fewer resources, making it worth recommending to every validator – not just solo stakers."
description="DSRV is running Nimbus with close to 2000 validators on the Ethereum mainnet. We found Nimbus consensus client to be both reliable and easy to operate while requiring fewer resources, making it worth recommending to every validator – not just solo stakers."
borderStyle="none"
/>
</Grid.Item>
@ -313,7 +313,12 @@ import { Button } from '@acid-info/lsd-react'
/>
</Box>
<Box top={{ xs: 144, lg: 166 }}>
<Box top={{ xs: 144, lg: 190 }} id="open-source-and-support">
<Grid
xs={{ cols: 2, gap: '1.5rem 1rem', wrap: false, scrollButtons: false }}
md={{ cols: 2, gap: '1.5rem 1rem', wrap: true }}
>
<Grid.Item>
<CallToActionSection
columns={1}
title="Free and open source"
@ -334,9 +339,8 @@ import { Button } from '@acid-info/lsd-react'
</Button>
</a>
</div>
</Box>
<Box top={{ xs: 144, lg: 166 }}>
</Grid.Item>
<Grid.Item>
<CallToActionSection
columns={1}
title="Support"
@ -346,9 +350,11 @@ import { Button } from '@acid-info/lsd-react'
target="_blank"
href="https://etherscan.io/address/0xDeb4A0e8d9a8dB30a9f53AF2dCc9Eb27060c6557s"
/>
</Grid.Item>
</Grid>
</Box>
<Box top={{ xs: 144, lg: 166 }}>
<Box top={{ xs: 144, lg: 190 }}>
<Roadmap
title="Timeline"
noBorder
@ -395,7 +401,7 @@ import { Button } from '@acid-info/lsd-react'
</Box>
<Box top={{ xs: 144, lg: 166 }}>
<Box top={{ xs: 144, lg: 190 }}>
<SectionHeader title="Team" noBorder />
<Box top={{ xs: 40, md: 80 }}>
<Grid