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

Remove email display on personal and rescale icon/pfp to be bigger & consistent

Browse Source
This commit is contained in:
Connor Wittman 2024-11-01 17:17:59 -04:00
parent e60243e50c
commit f1affc66bc
2 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/personal.rs
View File

@ -39,17 +39,16 @@ 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>
<Show <Show
when=move || logged_in.get().unwrap_or_default() when=move || logged_in.get().unwrap_or_default()
fallback=|| view! { <Icon icon=icondata::CgProfile /> } fallback=|| view! { <Icon icon=icondata::CgProfile width="45" height="45"/> }
> >
<Show <Show
when=move || !image_error() when=move || !image_error()
fallback=|| view! { <Icon icon=icondata::CgProfile /> } fallback=|| view! { <Icon icon=icondata::CgProfile width="45" height="45"/> }
> >
<img <img
src=user_profile_picture() src=user_profile_picture()

19
style/personal.scss
View File

@ -23,11 +23,6 @@
font-size: 1.2rem; font-size: 1.2rem;
margin: 0; margin: 0;
} }
h2 {
font-size: 1rem;
margin-top: auto;
margin-bottom: 0;
}
} }
.profile-icon { .profile-icon {
@ -37,14 +32,14 @@
font-size: 2rem; font-size: 2rem;
border-radius: 50%; border-radius: 50%;
transition: all 0.3s; transition: all 0.3s;
height: 2rem; height: 45;
width: 2rem; width: 45;
margin-left: auto; margin-left: auto;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
} }
} }
.profile-icon:hover { .profile-icon:hover {