sarsoo/sarsooxyz.pyreact
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

fixed width and responsiveness

Browse Source
This commit is contained in:
aj 2019-03-03 13:07:20 +00:00
parent a151516fd6
commit f73005ac1a
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sarsoo/music/templates/music/index.html
View File

@ -10,7 +10,7 @@
{% for album in albums %} {% for album in albums %}
<div class = "col-pad-2 card"> <div class = "col-pad-2 card">
<img src="{{album.image[3].text}}"> <img src="{{album.image[3].text}}">
<p style="text-align:center">{{ album.name }} / {{ album.artist.name -}}</p> <p style="text-align:center">{{ album.name }}<br>{{ album.artist.name -}}</p>
<p style="text-align:center">{{- album.playcount }} plays</p> <p style="text-align:center">{{- album.playcount }} plays</p>
</div> </div>
{% endfor %} {% endfor %}

4
static/style.css
View File

@ -48,7 +48,7 @@ p {
.gallerystrip img { .gallerystrip img {
height: auto; height: auto;
border: 10px solid #313439; border: 10px solid #313439;
margin: 10px; margin: 10px;
box-shadow: 4px 4px 7px #070707; box-shadow: 4px 4px 7px #070707;
} }
@ -186,7 +186,7 @@ footer a {
[class*="col-"] { [class*="col-"] {
float: left; float: left;
width: 100%; width: calc(100% - 20px);
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {