mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
#23 fixed Tabs
This commit is contained in:
parent
40f881fdad
commit
bee41ebfb3
3 changed files with 16 additions and 33 deletions
|
@ -4,6 +4,5 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
margin: $gap * 2 0 0 0;
|
padding: 0 $gap / 2;
|
||||||
padding: 0 $gap;
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -21,6 +21,7 @@ const ProfileTabs: FC<IProps> = ({ tab, is_own, setTab }) => {
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<div className={styles.wrap}>
|
||||||
<Tabs>
|
<Tabs>
|
||||||
<Tab active={tab === 'profile'} onClick={changeTab('profile')}>
|
<Tab active={tab === 'profile'} onClick={changeTab('profile')}>
|
||||||
Профиль
|
Профиль
|
||||||
|
@ -35,6 +36,7 @@ const ProfileTabs: FC<IProps> = ({ tab, is_own, setTab }) => {
|
||||||
</Tab>
|
</Tab>
|
||||||
)}
|
)}
|
||||||
</Tabs>
|
</Tabs>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -1,24 +1,6 @@
|
||||||
@import "src/styles/variables";
|
@import "src/styles/variables";
|
||||||
|
|
||||||
.wrap {
|
.wrap {
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
justify-content: flex-start;
|
|
||||||
margin: $gap * 2 0 0 0;
|
margin: $gap * 2 0 0 0;
|
||||||
padding: 0 $gap;
|
padding: 0 $gap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab {
|
|
||||||
@include outer_shadow();
|
|
||||||
|
|
||||||
padding: $gap;
|
|
||||||
margin-right: $gap;
|
|
||||||
border-radius: $radius $radius 0 0;
|
|
||||||
font: $font_14_semibold;
|
|
||||||
text-transform: uppercase;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background: lighten($content_bg, 4%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue