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>{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>
</div>
<div class="profile-icon" on:click=open_dropdown>
<Show
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
when=move || !image_error()
fallback=|| view! { <Icon icon=icondata::CgProfile /> }
fallback=|| view! { <Icon icon=icondata::CgProfile width="45" height="45"/> }
>
<img
src=user_profile_picture()

19
style/personal.scss
View File

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