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! { view! {
<div class="media-info">
<img class="media-info-img" align="left" src={image}/> <img class="media-info-img" align="left" src={image}/>
<div class="media-info-text"> <div class="media-info-text">
{name} {name}
<br/> <br/>
{artist} - {album} {artist} - {album}
</div> </div>
</div>
} }
} }

31
style/playbar.scss
View File

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