Make use of the new icons, also add some styling for them.
This commit is contained in:
parent
38c3e11b07
commit
69f24a6b7b
@ -126,6 +126,11 @@ section { margin-top: 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 {
|
||||
-webkit-mask-image: url(/assets/img/play.svg);
|
||||
background-color: var(--primary-color);
|
||||
|
@ -68,19 +68,19 @@ templ Index(curSong *radio.Song, sl []radio.Song, slLen int64, lstnrs *radio.Lis
|
||||
<div>
|
||||
if curSong != nil && curSong.Artist != "" {
|
||||
<p>
|
||||
<b>Listeners:</b> <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/listener.svg" /> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span>
|
||||
<img src="/assets/img/duration.svg" /> <span id="radio-duration-estimate"></span><span id="radio-duration">{ curSong.DurationString() }</span>
|
||||
</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>
|
||||
} else {
|
||||
<p>
|
||||
<b>Listeners:</b> <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/listener.svg" /> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span>
|
||||
<img src="/assets/img/duration.svg" /> <span id="radio-duration-estimate"></span><span id="radio-duration">0:00</span>
|
||||
</p>
|
||||
<p>
|
||||
<b>Song:</b> <span id="radio-song">-</span>
|
||||
<img src="/assets/img/note.svg" /> <span id="radio-song">-</span>
|
||||
</p>
|
||||
}
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user