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

Fix formatting and styling of profile picture display, as well as display email when logged in as well

Browse Source
This commit is contained in:
Connor Wittman
2024-10-25 17:01:50 -04:00
parent 2d7b91413b
commit acf15961cd
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/personal.rs
View File

@ -42,6 +42,7 @@ pub fn Profile() -> impl IntoView {
<h1>Not Logged In</h1> <h1>Not Logged In</h1>
}> }>
<h1>{move || user.get().map(|user| user.map(|user| user.username).unwrap_or_default())}</h1> <h1>{move || user.get().map(|user| user.map(|user| user.username).unwrap_or_default())}</h1>
<h2>{move || user.get().map(|user| user.map(|user| user.email).unwrap_or_default())}</h2>
</Show> </Show>
</div> </div>
<div class="profile-icon" on:click=open_dropdown> <div class="profile-icon" on:click=open_dropdown>

11
style/personal.scss
View File

@ -25,7 +25,8 @@
} }
h2 { h2 {
font-size: 1rem; font-size: 1rem;
margin: 0; margin-top: auto;
margin-bottom: 0;
} }
} }
@ -36,8 +37,14 @@
font-size: 2rem; font-size: 2rem;
border-radius: 50%; border-radius: 50%;
transition: all 0.3s; transition: all 0.3s;
height: max-content; height: 2rem;
width: 2rem;
margin-left: auto; margin-left: auto;
img {
width: 100%;
height: 100%;
border-radius: 50%;
}
} }
.profile-icon:hover { .profile-icon:hover {