eta357/LibreTunes-Nix-Test
1
0
Fork 0
Code Pull Requests Actions Activity

Added simple popup to profile icon

Browse Source 
modified:   src/components/dashboard.rs
	modified:   src/components/personal.rs
	modified:   style/dashboard.scss
	modified:   style/home.scss
	modified:   style/personal.scss
This commit is contained in:
Danny Zou
2024-03-30 13:22:09 -04:00
parent e211f476a7
commit 7c5f21791c
5 changed files with 65 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
style/personal.scss
View File

@ -10,7 +10,7 @@
.profile-container {
display: flex;
border-radius: 0.4rem;
margin: 0.3rem;
margin: 0.2rem;
min-height: 6rem;
border: 2px solid rgba(89, 89, 89, 0.199);
padding: 0.5rem;
@ -34,5 +34,41 @@
.profile-icon:active {
transform: scale(0.8);
}
.dropdown-container {
position: absolute;
top: 3.8rem;
right: 0.8rem;
background: #1c1c1c;
border-radius: 0.5rem;
width: 10rem;
z-index: 1;
background-color: red;
border: 1px solid grey;
.dropdown-not-logged {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
justify-content: center;
h1 {
font-size: 1.2rem;
}
.auth-button {
}
}
}
.dropdown-container:before {
content: "";
position: absolute;
top: -0.4rem;
right: 0.92rem;
width: 10px;
height: 10px;
transform: rotate(45deg);
background-color: red;
border-left: 1px solid grey;
border-top: 1px solid grey;
}
}
}