diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx index e92d9d6d..d5270176 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx @@ -2,8 +2,7 @@ import { Stack, YStack } from 'tamagui' import Icon from '../../../components/General/Icon' import { Text } from '@status-im/components' -// make func component - + type OsCardProps = { name: string icon: string @@ -18,7 +17,7 @@ const OsCard = ({ name, icon, onClick, isSelected }: OsCardProps) => { border: isSelected ? '1px solid #2A4AF566' : '1px solid rgba(0, 0, 0, 0.15);', borderRadius: '16px', padding: '12px 16px', - width: '30%', + width: '33%', }} space={'$12'} onPress={onClick} diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/SyntaxHighlighter.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/SyntaxHighlighter.tsx index a68a3d48..51a9e065 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/SyntaxHighlighter.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/SyntaxHighlighter.tsx @@ -1,24 +1,25 @@ import { YStack } from 'tamagui' import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter' -import { solarizedlight } from 'react-syntax-highlighter/dist/esm/styles/prism'; +import { solarizedlight } from 'react-syntax-highlighter/dist/esm/styles/prism' type SyntaxHighlighterBoxProps = { rows: string[] } const customStyle = { - ...solarizedlight, - 'pre[class*="language-"]': { - ...solarizedlight['pre[class*="language-"]'], - backgroundColor: 'white', - } - }; + ...solarizedlight, + 'pre[class*="language-"]': { + ...solarizedlight['pre[class*="language-"]'], + backgroundColor: 'white', + }, +} const SyntaxHighlighterBox = ({ rows }: SyntaxHighlighterBoxProps) => { return ( - + {`${rows.join('\n')}`} diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx index abddaf31..0265d8ef 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx @@ -58,8 +58,8 @@ const ValidatorSetupInstall = () => { commands add the Geth tap and install Geth: - {/* Cards */} - + +