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] #[component]
pub fn DropDownNotLoggedIn() -> impl IntoView { pub fn DropDownNotLoggedIn() -> impl IntoView {
view! { view! {
<div class="dropdown-not-logged"> <div class="dropdown-logged">
<h1>Not Logged in!</h1> <h1>Not Logged In</h1>
<a href="/login"><button class="auth-button">Log In</button></a> <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> </div>
} }
} }

31
style/personal.scss
View File

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