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

added notes menu

Browse source
This commit is contained in:
Fedor Katurov 2022-04-04 15:51:05 +07:00
parent fce11163aa
commit 57f37723fa
14 changed files with 203 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/components/common/CornerMenu/styles.module.scss Normal file
View file

@ -0,0 +1,62 @@
@import "src/styles/variables";
.wrap {
position: absolute;
right: -3px;
top: -3px;
width: 48px;
height: 48px;
z-index: 10;
outline: none;
cursor: pointer;
&:hover {
.dot {
background: $secondary;
}
}
}
@keyframes appear {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.menu {
position: absolute;
right: 5px;
top: 5px;
display: flex;
flex-direction: column;
z-index: 6;
white-space: nowrap;
animation: appear 0.25s forwards;
}
.item {
user-select: none;
font: $font_12_semibold;
text-transform: uppercase;
padding: 8px $gap;
background: $content_bg;
cursor: pointer;
&:first-child {
border-top-left-radius: $radius;
border-top-right-radius: $radius;
}
&:last-child {
border-bottom-left-radius: $radius;
border-bottom-right-radius: $radius;
}
&:hover {
background: $primary;
}
}