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

Fix sizes and colors

This commit is contained in:
Hristo Nedelkov 2023-08-29 09:34:01 +03:00
parent ac4914c0b5
commit ddbc51e4c4
2 changed files with 50 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/ValidatorOnboarding/ValidatorSetup/SyntaxHighlighter.tsx
View File

@ -11,15 +11,17 @@ const customStyle = {
...solarizedlight['pre[class*="language-"]'], ...solarizedlight['pre[class*="language-"]'],
backgroundColor: 'white', backgroundColor: 'white',
}, },
backgroundColor: 'white',
} }
const SyntaxHighlighterBox = ({ rows }: SyntaxHighlighterBoxProps) => { const SyntaxHighlighterBox = ({ rows }: SyntaxHighlighterBoxProps) => {
return ( return (
<YStack> <YStack>
<SyntaxHighlighter <SyntaxHighlighter
language="bash" language="bash"
style={customStyle}
showLineNumbers={true} showLineNumbers={true}
lineNumberStyle={{ backgroundColor: '#E7EAEE', color: 'black' }} lineNumberStyle={{ backgroundColor: '#E7EAEE' }}
lineNumberContainerStyle={{color:'black'}}
customStyle={customStyle}
> >
{`${rows.join('\n')}`} {`${rows.join('\n')}`}
</SyntaxHighlighter> </SyntaxHighlighter>

40
src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx
View File

@ -17,11 +17,11 @@ const ValidatorSetupInstall = () => {
<YStack> <YStack>
<Stack style={{ marginBottom: '4px' }}> <Stack style={{ marginBottom: '4px' }}>
<YStack space={'$3'}> <YStack space={'$3'}>
<Text size={15} weight={'semibold'}> <Text size={19} weight={'semibold'}>
Geth Geth
</Text> </Text>
<Text size={13} color="#647084"> <Text size={15} color="#647084">
Geth is written in Go, fully open source and licensed under the GNU LGPL v3. Geth is Geth is written in Go, fully open source and licensed under the GNU LGPL v3. Geth is
one of the three original implementations of the Ethereum protocol. one of the three original implementations of the Ethereum protocol.
</Text> </Text>
@ -33,14 +33,14 @@ const ValidatorSetupInstall = () => {
/> />
<YStack <YStack
style={{ style={{
border: '1px solid #E7EAEE', border: '1px solid #00000026',
borderRadius: '15px', borderRadius: '16px',
padding: '6px 12px', padding: '6px 12px',
}} }}
space={'$3'} space={'$3'}
> >
<Text size={27}> Installing Geth</Text> <Text size={27}> Installing Geth</Text>
<Text size={13}> <Text size={19} color="#647084" weight={'regular'}>
There are several ways to install Geth, including via a package manager, downloading There are several ways to install Geth, including via a package manager, downloading
a pre-built bundle, running as a docker container or building from downloaded source a pre-built bundle, running as a docker container or building from downloaded source
code. On this page the various installation options are explained for several major code. On this page the various installation options are explained for several major
@ -52,12 +52,6 @@ const ValidatorSetupInstall = () => {
releases can be found here. Instructions for updating existing Geth installations releases can be found here. Instructions for updating existing Geth installations
are also provided in each section. are also provided in each section.
</Text> </Text>
<Text size={13}>
If a version number is returned, then Homebrew is installed. If not, Homebrew can be
installed by following the instructions here. With Homebrew installed, the following
commands add the Geth tap and install Geth:
</Text>
</YStack>
<XStack justifyContent={'space-between'} space={'$2'} margin={'50px 0px'}> <XStack justifyContent={'space-between'} space={'$2'} margin={'50px 0px'}>
<OsCard <OsCard
@ -79,15 +73,27 @@ const ValidatorSetupInstall = () => {
onClick={() => setSelectedOs('Windows')} onClick={() => setSelectedOs('Windows')}
/> />
</XStack> </XStack>
<SyntaxHighlighterBox rows={['brew -v']}></SyntaxHighlighterBox> <YStack space={'$2'}>
<Text size={13}> <Text size={27}> Package Managers</Text>
If a version number is returned, then Homebrew is installed. If not, Homebrew can be <Text size={15} weight={'semibold'}>
installed by following the instructions here. With Homebrew installed, the following MacOS via Homebrew
commands add the Geth tap and install Geth: </Text>
<Text size={19} color="#647084" weight={'regular'}>
The easiest way to install go-ethereum is to use the Geth Homebrew tap. The first
step is to check that Homebrew is installed. The following command should return a
version number.
</Text>
<SyntaxHighlighterBox rows={['brew -v']} />
<Text size={19} color="#647084" weight={'regular'}>
If a version number is returned, then Homebrew is installed. If not, Homebrew can
be installed by following the instructions here. With Homebrew installed, the
following commands add the Geth tap and install Geth:
</Text> </Text>
<SyntaxHighlighterBox <SyntaxHighlighterBox
rows={['brew tap ethereum/ethereum', 'brew install ethereum']} rows={['brew tap ethereum/ethereum', 'brew install ethereum']}
></SyntaxHighlighterBox> />
</YStack>
</YStack>
</YStack> </YStack>
</Stack> </Stack>
</YStack> </YStack>