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

made better profile menu

Browse source
This commit is contained in:
Fedor Katurov 2022-07-20 15:54:22 +07:00
parent 0564fe29e2
commit efe7800743
9 changed files with 42 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/components/main/UserButton/styles.module.scss
View file

@ -9,63 +9,6 @@
}
}
.menu {
position: absolute;
right: -$gap;
top: 100%;
padding: $gap;
border-radius: $radius;
display: none;
z-index: 1;
box-sizing: border-box;
padding: $gap;
display: none;
flex-direction: column;
&::after {
content: ' ';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 16px 16px;
border-color: transparent transparent $content_bg transparent;
position: absolute;
right: 0;
top: -4px;
transform: translate(-20px, 0);
z-index: -1;
}
& > div {
background: $content_bg;
padding: $gap $gap * 2;
cursor: pointer;
box-sizing: border-box;
transition: opacity 0.25s;
width: 100%;
padding-right: 40px;
transition: background-color 0.25s;
&: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-color: $secondary;
}
}
&:hover > div {
opacity: 1;
}
}
.user_button {
align-items: center;
border-radius: $radius;