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

feat(manage-validator): add left sidebar

This commit is contained in:
RadoslavDimchev 2024-03-22 11:25:15 +02:00 committed by Emil Ivanichkov
parent d11e1f91ad
commit ef9717d2f0
1 changed files with 30 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/pages/ValidatorManagement/ManageValidator/ManageValidator.tsx
View File

@ -1,7 +1,7 @@
import { XStack, YStack } from 'tamagui'
import { Stack } from 'tamagui'
import LeftSidebar from '../../../components/General/LeftSidebar/LeftSidebar'
import RightManageSettings from './RightManageSettings/RightManageSettings'
import ValidatorInfo from './ValidatorInfo'
import DepositStatus from './DepositStatus'
@ -15,33 +15,36 @@ import ValidatorSettingsCards from './ValidatorSeettingsCards'
const ManageValidator = () => {
return (
<XStack
width={'min-content'}
alignItems="flex-start"
style={{
flexGrow: 1,
}}
>
<Stack
width={'50%'}
maxWidth="50%"
flexGrow={1}
space={'$2'}
style={{ borderRight: '1px solid #DCE0E5' }}
<XStack style={{ height: '100vh' }}>
<LeftSidebar />
<XStack
width={'min-content'}
alignItems="flex-start"
style={{
flexGrow: 1,
}}
>
<Header />
<YStack backgroundColor="#F4F6FE" space={'$3'}>
<ValidatorInfo />
<DepositStatus />
<ValidatorBalance />
</YStack>
<ValidatorDataCards />
<ValidatorSettingsCards></ValidatorSettingsCards>
<ValidatorGraffiti />
<ValidatorDataTabs />
<Footer />
</Stack>
<RightManageSettings />
<Stack
width={'50%'}
maxWidth="50%"
flexGrow={1}
space={'$2'}
style={{ borderRight: '1px solid #DCE0E5' }}
>
<Header />
<YStack backgroundColor="#F4F6FE" space={'$3'}>
<ValidatorInfo />
<DepositStatus />
<ValidatorBalance />
</YStack>
<ValidatorDataCards />
<ValidatorSettingsCards />
<ValidatorGraffiti />
<ValidatorDataTabs />
<Footer />
</Stack>
<RightManageSettings />
</XStack>
</XStack>
)
}