Separate Song component from queue styling to use for general case

This commit is contained in:
2024-11-19 22:28:35 +00:00
parent 340129a859
commit 00f4b2e28f
3 changed files with 27 additions and 28 deletions

View File

@ -3,9 +3,9 @@ use leptos::*;
#[component]
pub fn Song(song_image_path: String, song_title: String, song_artist: String) -> impl IntoView {
view!{
<div class="queue-song">
<div class="song">
<img src={song_image_path} alt={song_title.clone()} />
<div class="queue-song-info">
<div class="song-info">
<h3>{song_title}</h3>
<p>{song_artist}</p>
</div>