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

View File

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

View File

@ -50,16 +50,17 @@ const ConsensusSelection = () => {
<XStack space={'$8'}>
<ConsensusClientCard name={a[0].name} icon={a[0].icon} />
<YStack width={'67%'} space={'$2'}>
<Text size={19}>The resource efficient Ethereum Clients.</Text>
<YStack width={'67%'} space={'$4'}>
<Text size={27}>The resource efficient Ethereum Clients.</Text>
<Text size={15}>
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
well on embedded systems, resource-restricted devices -- including Raspberry Pis -- and
multi-purpose servers.
</Text>
<Text size={15}>
<Text size={19} weight={'semibold'}>
<LinkWithArrow
textColor="black"
text="Nimbus Documentation"
arrowRight={true}
to="https://www.youtube.com/watch?v=dQw4w9WgXcQ"