fabaff
/
platypush
forked from platypush/platypush
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Player style fixes

This commit is contained in:
Fabio Manganiello 2018-01-29 21:15:57 +01:00
parent 22e4a44fdb
commit 90f49b0964
2 changed files with 26 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
platypush/backend/http/static/css/application.css
View File

@ -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 {

46
platypush/backend/http/templates/plugins/music.mpd.html
View File

@ -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>