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

style: tweaks

This commit is contained in:
Hristo Nedelkov 2023-08-31 14:56:10 +03:00
parent c5c7fd52c4
commit 1ce37d3b40
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/General/LinkWithArrow.tsx
View File

@ -8,9 +8,17 @@ type LinkWithArrowProps = {
arrowLeft?: boolean arrowLeft?: boolean
arrowRight?: boolean arrowRight?: boolean
style?: React.CSSProperties style?: React.CSSProperties
textColor?: string
} }
const LinkWithArrow = ({ text, to, arrowLeft, arrowRight, style }: LinkWithArrowProps) => { const LinkWithArrow = ({
text,
to,
arrowLeft,
arrowRight,
style,
textColor,
}: LinkWithArrowProps) => {
const navigate = useNavigate() const navigate = useNavigate()
const navigateHandler = () => { const navigateHandler = () => {
@ -29,7 +37,7 @@ const LinkWithArrow = ({ text, to, arrowLeft, arrowRight, style }: LinkWithArrow
onClick={navigateHandler} onClick={navigateHandler}
> >
{arrowLeft && <ArrowLeftIcon size={20} color="#2A4CF4" />} {arrowLeft && <ArrowLeftIcon size={20} color="#2A4CF4" />}
<Link style={{ color: '#2A4CF4', marginBottom: '2px' }} to={to}> <Link style={{ color: textColor || '#2A4CF4', marginBottom: '2px' }} to={to}>
{text} {text}
</Link> </Link>
{arrowRight && <ArrowRightIcon size={20} color="#2A4CF4" />} {arrowRight && <ArrowRightIcon size={20} color="#2A4CF4" />}

7
src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx
View File

@ -50,16 +50,17 @@ const ConsensusSelection = () => {
<XStack space={'$8'}> <XStack space={'$8'}>
<ConsensusClientCard name={a[0].name} icon={a[0].icon} /> <ConsensusClientCard name={a[0].name} icon={a[0].icon} />
<YStack width={'67%'} space={'$2'}> <YStack width={'67%'} space={'$4'}>
<Text size={19}>The resource efficient Ethereum Clients.</Text> <Text size={27}>The resource efficient Ethereum Clients.</Text>
<Text size={15}> <Text size={15}>
Nimbus is a client implementation for both execution and consensus layers that strives Nimbus is a client implementation for both execution and consensus layers that strives
to be as lightweight as possible in terms of resources used. This allows it to perform to be as lightweight as possible in terms of resources used. This allows it to perform
well on embedded systems, resource-restricted devices -- including Raspberry Pis -- and well on embedded systems, resource-restricted devices -- including Raspberry Pis -- and
multi-purpose servers. multi-purpose servers.
</Text> </Text>
<Text size={15}> <Text size={19} weight={'semibold'}>
<LinkWithArrow <LinkWithArrow
textColor="black"
text="Nimbus Documentation" text="Nimbus Documentation"
arrowRight={true} arrowRight={true}
to="https://www.youtube.com/watch?v=dQw4w9WgXcQ" to="https://www.youtube.com/watch?v=dQw4w9WgXcQ"