Music player design #2 tweaks
This commit is contained in:
parent
1901ac7320
commit
38f3259110
@ -18,7 +18,7 @@
|
|||||||
<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
|
<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
|
||||||
|
|
||||||
<!-- left stuff -->
|
<!-- left stuff -->
|
||||||
<div class="col-sm-6 col-xs-12">
|
<div class="col-sm-5 col-xs-12">
|
||||||
<!-- now playing -->
|
<!-- now playing -->
|
||||||
<div class="thumbnail shadow-1">
|
<div class="thumbnail shadow-1">
|
||||||
<img id="album-artwork" class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
|
<img id="album-artwork" class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
|
||||||
@ -52,11 +52,11 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- right stuff -->
|
<!-- right stuff -->
|
||||||
<div class="col-sm-6 col-xs-12">
|
<div class="col-sm-7 col-xs-12">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{% for album in albums %}
|
{% for album in albums %}
|
||||||
<!-- album details -->
|
<!-- album details -->
|
||||||
<div class="music-album {% if loop.index0 == 0 %}selected{% endif %} col-sm-3 col-xs-6" data-albumid="{{ album.id }}">
|
<div class="music-album {% if loop.index0 == 0 %}selected{% endif %} {% if loop.length > 4 %}col-sm-6{% else %}col-sm-12{% endif %} col-xs-6" data-albumid="{{ album.id }}">
|
||||||
<div class="thumbnail shadow-1">
|
<div class="thumbnail shadow-1">
|
||||||
<img class="album-art" src="{{ album.album_art }}" alt="{{ album.title }}">
|
<img class="album-art" src="{{ album.album_art }}" alt="{{ album.title }}">
|
||||||
<div class="caption">
|
<div class="caption">
|
||||||
|
Loading…
Reference in New Issue
Block a user