iou1name/Pyrite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add settings ui

Browse Source
This commit is contained in:
iou1name 2025-01-08 12:41:45 -05:00
parent 3f9048a395
commit eabec44490
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/pyrite.css
View File

@ -79,6 +79,18 @@ input[type="radio"]:checked+div {
"L D D R"; "L D D R";
} }
#settings {
grid-area: L;
display: flex;
flex-direction: column;
gap: 0.5em;
padding: 1em;
}
#settings select {
width: 100%;
}
#cover_art { #cover_art {
grid-area: A; grid-area: A;
padding-right: 1em; padding-right: 1em;

15
templates/index.html
View File

@ -27,6 +27,21 @@
<div id="track_list" class="list"> <div id="track_list" class="list">
</div> </div>
<div id="player_container"> <div id="player_container">
<div id="settings">
<div>
<label for="playlist-select">Playlist:</label>
<select id="playlist-select">
<option>All Tracks</option>
</select>
</div>
<div>
<label for="visualizer-select">Visualizer:</label>
<select id="visualizer-select">
<option value="disabled" selected>Disabled</option>
<option value="bar_graph">Bar Graph</option>
</select>
</div>
</div>
<div id="cover_art"><img alt="Album cover art" src="./static/pyrite.jpg"></div> <div id="cover_art"><img alt="Album cover art" src="./static/pyrite.jpg"></div>
<div id="title"> <div id="title">
<h4><span id="now_playing_artist">Artist</span> - <span id="now_playing_album">Album</span></h4> <h4><span id="now_playing_artist">Artist</span> - <span id="now_playing_album">Album</span></h4>