Music player design #2 tweaks

This commit is contained in:
gballan1 2016-11-29 11:38:04 -05:00
parent 1901ac7320
commit 38f3259110

View File

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