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

Update styling to fit LikeDislike component

Browse Source
This commit is contained in:
Ethan Girouard 2024-05-10 20:24:02 -04:00
parent 2b9d849578
commit 7a750b60aa
Signed by: eta357
GPG Key ID: 7BCDC36DFD11C146
2 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/playbar.rs
View File

@ -267,14 +267,12 @@ fn MediaInfo(status: RwSignal<PlayStatus>) -> impl IntoView {
});
view! {
<div class="media-info">
<img class="media-info-img" align="left" src={image}/>
<div class="media-info-text">
{name}
<br/>
{artist} - {album}
</div>
</div>
}
}

31
style/playbar.scss
View File

@ -40,24 +40,23 @@
}
.playbar-left-group {
.media-info {
font-size: 16;
display: flex;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: 10px;
.media-info-img {
width: 50px;
}
.media-info-text {
text-align: left;
margin-left: 10px;
}
position: absolute;
top: 50%;
transform: translateY(-50%);
display: grid;
grid-template-columns: 50px 1fr;
.media-info-img {
width: 50px;
}
.media-info-text {
text-align: left;
margin-left: 10px;
}
.like-dislike {
margin-left: 20px;
}
}