LibreTunes/LibreTunes
LibreTunes/LibreTunes
7
1
Fork 0
Code Issues 38 Pull Requests Actions Packages Releases Activity

Update formatting of profile login buttons and display
All checks were successful
Push Workflows / docs (push) Successful in 3m14s
Details
Push Workflows / test (push) Successful in 5m29s
Details
Push Workflows / leptos-test (push) Successful in 8m8s
Details
Push Workflows / build (push) Successful in 8m59s
Details
Push Workflows / docker-build (push) Successful in 16m55s
Details

Browse Source
This commit is contained in:
Connor Wittman 2024-10-04 17:44:10 -04:00
parent 20a3c0c7df
commit ab50826d31
2 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/personal.rs
View File

@ -33,10 +33,10 @@ pub fn Profile() -> impl IntoView {
#[component]
pub fn DropDownNotLoggedIn() -> impl IntoView {
view! {
<div class="dropdown-not-logged">
<h1>Not Logged in!</h1>
<div class="dropdown-logged">
<h1>Not Logged In</h1>
<a href="/login"><button class="auth-button">Log In</button></a>
<a href="/signup"><button class="auth-button">Sign up</button></a>
<a href="/signup"><button class="auth-button">Sign Up</button></a>
</div>
}
}

31
style/personal.scss
View File

@ -27,12 +27,12 @@
}
.profile-icon:hover {
transform: scale(1.1);
transform: scale(1.05);
background-color: rgba(255, 255, 255, 0.1);
}
.profile-icon:active {
transform: scale(0.8);
transform: scale(0.95);
}
.dropdown-container {
position: absolute;
@ -42,10 +42,10 @@
border-radius: 0.5rem;
width: 10rem;
z-index: 1;
background-color: red;
border: 1px solid grey;
background-color: #1c1c1c;
border: 2px solid rgba(89, 89, 89, 0.199);
.dropdown-not-logged {
.dropdown-logged {
display: flex;
flex-direction: column;
width: 100%;
@ -55,20 +55,17 @@
font-size: 1.2rem;
}
.auth-button {
margin-top: 0.5rem;
padding: 0.5rem;
border-radius: 0.5rem;
background-color: #1c1c1c;
border: 2px solid rgba(89, 89, 89, 0.199);
color: white;
cursor: pointer;
transition: all 0.3s;
margin-bottom: 0.5rem;
}
}
}
.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;
}
}
}