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 style

This commit is contained in:
Hristo Nedelkov 2023-08-25 11:23:15 +03:00
parent 037048af86
commit 03416f47f2
1 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx
View File

@ -23,15 +23,12 @@ const Advicsories = () => {
const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour') const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour')
return ( return (
<XStack <XStack justifyContent={'space-between'} space={'$10'} style={{ padding: '16px 32px' }}>
justifyContent={'space-between'} <YStack justifyContent={'space-between'} space={'$2'}>
className="layout-left" <Stack marginBottom="$6">
space={10} <Text size={27} weight={'semibold'}>
style={{ padding: '16px 32px' }} Advisories
> </Text>
<YStack>
<Stack>
<Text size={27}>Advisories</Text>
</Stack> </Stack>
{Object.keys(advisoryTopics).map((title, index) => ( {Object.keys(advisoryTopics).map((title, index) => (
<Stack key={title} onPress={() => setSelectedTitle(title)} style={{ cursor: 'pointer' }}> <Stack key={title} onPress={() => setSelectedTitle(title)} style={{ cursor: 'pointer' }}>
@ -45,12 +42,10 @@ const Advicsories = () => {
</Stack> </Stack>
))} ))}
</YStack> </YStack>
<YStack> <AdvisoriesContent
<AdvisoriesContent title={selectedTitle}
title={selectedTitle} content={advisoryTopics[selectedTitle]}
content={advisoryTopics[selectedTitle]} ></AdvisoriesContent>
></AdvisoriesContent>
</YStack>
</XStack> </XStack>
) )
} }