mirrors/ympd
1
0
Fork 0
mirror of https://github.com/SuperBFG7/ympd synced 2024-06-25 22:23:16 +00:00
Code Issues Releases Wiki Activity

Better UX

Browse Source 
1. hide external player
2. move love in current track info and make it red 'cause love
This commit is contained in:
Emanuele Grande 2021-06-08 19:17:08 +02:00
parent acd545350f
commit ab65153b9e
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
htdocs/css/mpd.css
View File

@ -9,6 +9,7 @@ body {
#volumeslider { #volumeslider {
width: 150px; width: 150px;
float: left;
} }
#volumeslider .progress { #volumeslider .progress {
@ -27,6 +28,12 @@ button {
margin-top: 2px; margin-top: 2px;
} }
#volume-number {
float: right;
margin-top: 2px;
margin-left: 10px;
}
#breadcrump { #breadcrump {
display: block; display: block;

15
htdocs/index.html
View File

@ -54,18 +54,18 @@
<span class="glyphicon glyphicon-forward"></span> <span class="glyphicon glyphicon-forward"></span>
</button> </button>
</div> </div>
<div class="btn-group" style="display: none;"> <!-- <div class="btn-group">
<button id="btnlove" type="button" class="btn btn-default" onclick="clickLove();"> <button id="btnlove" type="button" class="btn btn-default" onclick="clickLove();">
<span class="glyphicon glyphicon-heart"></span> <span class="glyphicon glyphicon-heart"></span>
</button> </button>
</div> </div> -->
<div class="btn-group"> <div class="btn-group">
<div class="btn btn-toolbar btn-default"> <div class="btn btn-toolbar btn-default">
<span id="volume-icon" class="glyphicon glyphicon-volume-up"></span> <span id="volume-icon" class="glyphicon glyphicon-volume-up"></span>
<div id="volumeslider"></div> <div id="volumeslider"></div>
</div> </div>
</div> </div>
<div class="btn-group" role="group" style="display: none;"> <!-- <div class="btn-group" role="group">
<audio id="player" preload="none"></audio> <audio id="player" preload="none"></audio>
<button type="button" class="btn btn-default" onclick="clickLocalPlay()"> <button type="button" class="btn btn-default" onclick="clickLocalPlay()">
<span id="localplay-icon" class="glyphicon glyphicon-play"></span> <span id="localplay-icon" class="glyphicon glyphicon-play"></span>
@ -73,7 +73,7 @@
<button type="button" class="btn btn-default" onclick="window.open('/player.html');"> <button type="button" class="btn btn-default" onclick="window.open('/player.html');">
<span id="localplay-icon" class="glyphicon glyphicon-new-window"></span> <span id="localplay-icon" class="glyphicon glyphicon-new-window"></span>
</button> </button>
</div> </div> -->
</div> </div>
<form id="search" class="navbar-form navbar-right" role="search"> <form id="search" class="navbar-form navbar-right" role="search">
@ -99,6 +99,10 @@
<h1> <h1>
<span id="track-icon" onclick="clickPlay();" class="glyphicon glyphicon-play"></span> <span id="track-icon" onclick="clickPlay();" class="glyphicon glyphicon-play"></span>
<span id="currenttrack"></span> <span id="currenttrack"></span>
<span id="love" style="margin: auto;">
<button id="btnlove" type="button" class="btn btn-default" onclick="clickLove();">
<span class="glyphicon glyphicon-heart" style="color: red;"></span>
</button></span>
</h1> </h1>
<h4> <h4>
<span id="artist" class="text"></span> <span id="artist" class="text"></span>
@ -127,8 +131,7 @@
<th>Album</th> <th>Album</th>
<th>Title</th> <th>Title</th>
<th>Length</th> <th>Length</th>
<th></th> <th><div style="width: 15px;"></div></th>
<th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>