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>
} }
} }

11
style/playbar.scss
View File

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