another tweak
This commit is contained in:
parent
39154c1759
commit
9f22e547ae
2 changed files with 7 additions and 2 deletions
|
|
@ -134,6 +134,7 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
max-height: 64px;
|
max-height: 64px;
|
||||||
|
overflow: hidden;
|
||||||
img {
|
img {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0px 0px 0px 0px;
|
margin: 0px 0px 0px 0px;
|
||||||
|
|
@ -152,7 +153,11 @@ body {
|
||||||
padding: 0px 0px 0px 4px;
|
padding: 0px 0px 0px 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:hover { background: hsl(0, 65%, 5%); }
|
&:hover {
|
||||||
|
background: hsl(0, 65%, 5%);
|
||||||
|
max-height: fit-content;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,7 @@ const getTrack = async () => {
|
||||||
<img src="${json.track.image[1]['#text']}">
|
<img src="${json.track.image[1]['#text']}">
|
||||||
<div id="trackInfoText">
|
<div id="trackInfoText">
|
||||||
<h3 id="trackName">${json.track.name}</h3>
|
<h3 id="trackName">${json.track.name}</h3>
|
||||||
<p id="artistName">${json.track.artist['#text']}</p>
|
<p id="artistName">by ${json.track.artist['#text']}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue