muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

made better tabs (with context)

Browse source
This commit is contained in:
Fedor Katurov 2021-12-26 11:25:34 +07:00
parent f63d2d3228
commit da510e346a
12 changed files with 103 additions and 194 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/components/dialogs/Tabs/styles.module.scss
View file

@ -1,4 +1,4 @@
@import "src/styles/variables";
@import "~/styles/variables";
.wrap {
display: flex;
@ -6,3 +6,27 @@
justify-content: flex-start;
padding: 0 $gap / 2;
}
.tab {
@include outer_shadow();
padding: $gap;
margin-right: $gap;
border-radius: $radius $radius 0 0;
font: $font_14_semibold;
text-transform: uppercase;
cursor: pointer;
background-color: $content_bg;
color: white;
text-decoration: none;
border: none;
&.active {
background: lighten($content_bg, 4%);
}
}
.tabs {
display: flex;
flex-direction: row;
}