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

upload dropdown closes after selecting what upload

Browse Source
This commit is contained in:
Danny Zou 2024-05-22 23:17:52 -04:00
parent 3746c370a2
commit 6676f2c533
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/sidebar.rs
View File

@ -28,7 +28,7 @@ pub fn Sidebar(upload_open: RwSignal<bool>, add_artist_open: RwSignal<bool>, add
when= move || dropdown_open() when= move || dropdown_open()
fallback=move || view! {} fallback=move || view! {}
> >
<UploadDropdown upload_open=upload_open add_artist_open=add_artist_open add_album_open=add_album_open/> <UploadDropdown dropdown_open=dropdown_open upload_open=upload_open add_artist_open=add_artist_open add_album_open=add_album_open/>
</Show> </Show>
</div> </div>
<a class="buttons" href="/dashboard" style={move || if on_dashboard() {"color: #e1e3e1"} else {""}} > <a class="buttons" href="/dashboard" style={move || if on_dashboard() {"color: #e1e3e1"} else {""}} >

4
src/components/upload_dropdown.rs
View File

@ -19,9 +19,9 @@ pub fn UploadDropdownBtn(dropdown_open: RwSignal<bool>) -> impl IntoView {
} }
#[component] #[component]
pub fn UploadDropdown(upload_open: RwSignal<bool>, add_artist_open: RwSignal<bool>, add_album_open: RwSignal<bool>) -> impl IntoView { pub fn UploadDropdown(dropdown_open: RwSignal<bool>, upload_open: RwSignal<bool>, add_artist_open: RwSignal<bool>, add_album_open: RwSignal<bool>) -> impl IntoView {
view! { view! {
<div class="upload-dropdown"> <div class="upload-dropdown" on:click=move |_| dropdown_open.set(false)>
<UploadBtn dialog_open=upload_open /> <UploadBtn dialog_open=upload_open />
<AddArtistBtn add_artist_open=add_artist_open/> <AddArtistBtn add_artist_open=add_artist_open/>
<AddAlbumBtn add_album_open=add_album_open/> <AddAlbumBtn add_album_open=add_album_open/>

4
style/sidebar.scss
View File

@ -46,6 +46,7 @@
background-color: #f0ecec; background-color: #f0ecec;
color: black; color: black;
width: 110px; width: 110px;
border-radius: 0 0 5px 5px;
.add-btns { .add-btns {
border: none; border: none;
border-bottom: 1px solid black; border-bottom: 1px solid black;
@ -56,6 +57,9 @@
.add-btns:first-child { .add-btns:first-child {
border-top: 1px solid black; border-top: 1px solid black;
} }
.add-btns:last-child {
border-radius: 0 0 5px 5px;
}
} }
} }