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: add new container for tabs

This commit is contained in:
RadoslavDimchev 2023-11-22 08:34:42 +02:00
parent a92f7a628b
commit 31af116cb7
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/ValidatorManagement/ManagementTabs.tsx
View File

@ -15,15 +15,17 @@ const ManagementTabs = () => {
return (
<div style={{ width: '100%' }}>
<Tabs defaultValue={VALIDATOR_TABS_MANAGEMENT[0]}>
<Stack style={{ cursor: 'pointer', width: 'fit-content', margin: '16px 0' }}>
<Tabs.List size={32}>
{VALIDATOR_TABS_MANAGEMENT.map(tab => (
<Tabs.Trigger key={tab} type="default" value={tab}>
{tab}
</Tabs.Trigger>
))}
</Tabs.List>
</Stack>
<div className="tabs transparent-scrollbar">
<Stack style={{ cursor: 'pointer', width: 'fit-content', margin: '8px 0' }}>
<Tabs.List size={32}>
{VALIDATOR_TABS_MANAGEMENT.map(tab => (
<Tabs.Trigger key={tab} type="default" value={tab}>
{tab}
</Tabs.Trigger>
))}
</Tabs.List>
</Stack>
</div>
{VALIDATOR_TABS_MANAGEMENT.map(tab => (
<Tabs.Content key={tab} value={tab} style={{ marginTop: '8px' }}>
<ManagementTable