status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-12 19:36:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: change margins on landing page to vh

Browse Source
This commit is contained in:
Ivana Andersson 2023-08-21 17:22:46 +03:00
parent 8f2d8670fc
commit 86771e6ab7
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/General/QuickStartBar/QuickStartBar.css
View File

@ -10,7 +10,7 @@
margin: 0 auto;
padding: 12px 1rem;
position: relative;
top: -120px;
top: -18vh;
}
.quick-start-bar > div {
width: 100%;

11
src/pages/LandingPage/LandingPage.tsx
View File

@ -1,12 +1,11 @@
import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
import './LandingPage.css'
import QuickStartBar from '../../components/General/QuickStartBar/QuickStartBar'
// import Titles from '../../components/General/Titles'
import { XStack, YStack } from 'tamagui'
import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
import Title from '../../components/General/Title'
import NimbusLogo from '../../components/Logos/NimbusLogo'
import NodeIcon from '../../components/Icons/NodeIcon'
import { Button as StatusButton, Text } from '@status-im/components'
import QuickStartBar from '../../components/General/QuickStartBar/QuickStartBar'
function LandingPage() {
return (
@ -17,10 +16,8 @@ function LandingPage() {
<NimbusLogo />
</XStack>
<YStack style={{ width: '100%', margin: '7em 0 4em' }}>
<Title color={'#09101C'}>
Light and performant clients, for all Ethereum validators.
</Title>
<YStack style={{ width: '100%', margin: '30vh 0 4vh' }}>
<Title>Light and performant clients, for all Ethereum validators.</Title>
<Text size={15} weight="regular">
<strong>Nimbus Nodes</strong> allows you to take control and ownership of the services
you wish to run in a completely trustless and decentralized manner.