Move MediaInfo into playbar-left-group div

This commit is contained in:
Ethan Girouard 2024-05-10 17:39:39 -04:00
parent c07237ad8a
commit a0da89204c
Signed by: eta357
GPG Key ID: 7BCDC36DFD11C146
2 changed files with 20 additions and 16 deletions

View File

@ -486,7 +486,9 @@ pub fn PlayBar(status: RwSignal<PlayStatus>) -> impl IntoView {
on:timeupdate=on_time_update on:ended=on_end type="audio/mpeg" /> on:timeupdate=on_time_update on:ended=on_end type="audio/mpeg" />
<div class="playbar"> <div class="playbar">
<ProgressBar percentage=percentage.into() status=status /> <ProgressBar percentage=percentage.into() status=status />
<div class="playbar-left-group">
<MediaInfo status=status /> <MediaInfo status=status />
</div>
<PlayControls status=status /> <PlayControls status=status />
<PlayDuration elapsed_secs=elapsed_secs.into() total_secs=total_secs.into() /> <PlayDuration elapsed_secs=elapsed_secs.into() total_secs=total_secs.into() />
<QueueToggle status=status /> <QueueToggle status=status />

View File

@ -39,6 +39,7 @@
} }
} }
.playbar-left-group {
.media-info { .media-info {
font-size: 16; font-size: 16;
margin-left: 10px; margin-left: 10px;
@ -58,6 +59,7 @@
margin-left: 10px; margin-left: 10px;
} }
} }
}
.playcontrols { .playcontrols {
display: flex; display: flex;