forked from platypush/platypush
Player style fixes
This commit is contained in:
parent
22e4a44fdb
commit
90f49b0964
2 changed files with 26 additions and 27 deletions
|
@ -6,9 +6,9 @@ body {
|
|||
|
||||
header {
|
||||
width: 100%;
|
||||
background: rgba(230,230,220,1);
|
||||
background: rgba(230,230,230,0.6);
|
||||
padding: 25px;
|
||||
margin: -10px 10px 20px -10px;
|
||||
margin: -10px 10px 30px -10px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
@ -45,7 +45,8 @@ main {
|
|||
|
||||
.track-info {
|
||||
text-align: center;
|
||||
margin-bottom: 15px;
|
||||
margin: -20px -20px 15px -20px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.track-info > .artist {
|
||||
|
|
|
@ -1,34 +1,32 @@
|
|||
<script type="text/javascript" src="{{ url_for('static', filename='js/music.mpd.js') }}"></script>
|
||||
|
||||
<div class="row track-info">
|
||||
<span class="no-track">No media is being played</span>
|
||||
<span class="artist"></span>
|
||||
<span class="track"></span>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="ten columns offset-by-one track-info">
|
||||
<span class="no-track">No media is being played</span>
|
||||
<span class="artist"></span>
|
||||
<span class="track"></span>
|
||||
</div>
|
||||
<div class="eight columns offset-by-two playback-controls">
|
||||
<button data-action="previous">
|
||||
<i class="fa fa-step-backward"></i>
|
||||
</button>
|
||||
|
||||
<div class="row">
|
||||
<div class="eight columns offset-by-two playback-controls">
|
||||
<button data-action="previous">
|
||||
<i class="fa fa-step-backward"></i>
|
||||
</button>
|
||||
<button data-action="play">
|
||||
<i class="fa fa-play"></i>
|
||||
</button>
|
||||
|
||||
<button data-action="play">
|
||||
<i class="fa fa-play"></i>
|
||||
</button>
|
||||
<button data-action="pause">
|
||||
<i class="fa fa-pause"></i>
|
||||
</button>
|
||||
|
||||
<button data-action="pause">
|
||||
<i class="fa fa-pause"></i>
|
||||
</button>
|
||||
<button data-action="stop">
|
||||
<i class="fa fa-stop"></i>
|
||||
</button>
|
||||
|
||||
<button data-action="stop">
|
||||
<i class="fa fa-stop"></i>
|
||||
</button>
|
||||
|
||||
<button data-action="next">
|
||||
<i class="fa fa-step-forward"></i>
|
||||
</button>
|
||||
</div>
|
||||
<button data-action="next">
|
||||
<i class="fa fa-step-forward"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in a new issue