status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-27 18:40:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(management-tabs): borders and padding

Browse Source
This commit is contained in:
RadoslavDimchev 2024-04-09 14:38:18 +03:00 committed by Emil Ivanichkov
parent 86c43f0cce
commit ab99ad1caa
2 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,18 +19,18 @@ const ManagementTabs = () => {
style={{ style={{
width: '100%', width: '100%',
border: '1px solid #E7EAEE', border: '1px solid #E7EAEE',
borderRadius: '16px', borderTopLeftRadius: '16px',
borderBottom: 'none', borderTopRightRadius: '16px',
borderBottomLeftRadius: '0', paddingBottom: '12px',
borderBottomRightRadius: '0',
}} }}
> >
<Tabs defaultValue={VALIDATOR_TABS_MANAGEMENT[0]}> <Tabs defaultValue={VALIDATOR_TABS_MANAGEMENT[0]}>
<div <div
className="tabs transparent-scrollbar" className="tabs transparent-scrollbar"
style={{ style={{
borderTopLeftRadius: '16px',
borderTopRightRadius: '16px',
borderBottom: '1px solid #E7EAEE', borderBottom: '1px solid #E7EAEE',
padding: '12px',
backgroundColor: '#fafbfc', backgroundColor: '#fafbfc',
}} }}
> >
@ -38,11 +38,9 @@ const ManagementTabs = () => {
space={'$3'} space={'$3'}
justifyContent="space-between" justifyContent="space-between"
alignItems="center" alignItems="center"
style={{ padding: '8px 16px' }}
> >
<Stack <Stack maxWidth={'120px'} style={{ cursor: 'pointer' }}>
maxWidth={'120px'}
style={{ cursor: 'pointer', margin: '8px 0' }}
>
<Tabs.List size={32} variant="grey"> <Tabs.List size={32} variant="grey">
{VALIDATOR_TABS_MANAGEMENT.map(tab => ( {VALIDATOR_TABS_MANAGEMENT.map(tab => (
<Tabs.Trigger key={tab} type="default" value={tab}> <Tabs.Trigger key={tab} type="default" value={tab}>

1
src/pages/ValidatorManagement/ValidatorManagement.tsx
View File

@ -13,7 +13,6 @@ const ValidatorManagement = () => {
<SidebarsWrapper isNotBottomPadding={true}> <SidebarsWrapper isNotBottomPadding={true}>
<YStack <YStack
space="$4" space="$4"
alignItems="flex-start"
style={{ style={{
width: '100%', width: '100%',
}} }}