1
0

Make use of the new icons, also add some styling for them.

This commit is contained in:
Alexander Andreev 2024-05-16 00:15:52 +04:00
parent 38c3e11b07
commit 69f24a6b7b
Signed by: Arav
GPG Key ID: 25969B23DCB5CA34
2 changed files with 11 additions and 6 deletions

View File

@ -126,6 +126,11 @@ section { margin-top: 1rem; }
#player p { text-indent: 1rem; } #player p { text-indent: 1rem; }
#player img {
filter: drop-shadow(0px 0px 4px var(--text-color));
height: 1rem;
padding: 0 .7rem; }
button#radio-play { button#radio-play {
-webkit-mask-image: url(/assets/img/play.svg); -webkit-mask-image: url(/assets/img/play.svg);
background-color: var(--primary-color); background-color: var(--primary-color);

View File

@ -68,19 +68,19 @@ templ Index(curSong *radio.Song, sl []radio.Song, slLen int64, lstnrs *radio.Lis
<div> <div>
if curSong != nil && curSong.Artist != "" { if curSong != nil && curSong.Artist != "" {
<p> <p>
<b>Listeners:</b> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span> <img src="/assets/img/listener.svg" /> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span>
<b>Duration:</b> <span id="radio-duration-estimate"></span><span id="radio-duration">{ curSong.DurationString() }</span> <img src="/assets/img/duration.svg" /> <span id="radio-duration-estimate"></span><span id="radio-duration">{ curSong.DurationString() }</span>
</p> </p>
<p> <p>
<b>Song:</b> <span id="radio-song">{ curSong.Artist } - { curSong.Title }</span> <img src="/assets/img/note.svg" /> <span id="radio-song">{ curSong.Artist } - { curSong.Title }</span>
</p> </p>
} else { } else {
<p> <p>
<b>Listeners:</b> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span> <img src="/assets/img/listener.svg" /> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span>
<b>Duration:</b> <span id="radio-duration-estimate"></span><span id="radio-duration">0:00</span> <img src="/assets/img/duration.svg" /> <span id="radio-duration-estimate"></span><span id="radio-duration">0:00</span>
</p> </p>
<p> <p>
<b>Song:</b> <span id="radio-song">-</span> <img src="/assets/img/note.svg" /> <span id="radio-song">-</span>
</p> </p>
} }
</div> </div>