fic/server
Archived
1
0
Fork 0
Code Issues Pull requests 10 Releases Wiki Activity

frontend: cap the size of heading image

Browse source
This commit is contained in:
nemunaire 2018-11-25 05:00:18 +01:00
parent 3a0c892148
commit c43bafa21b
2 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/static/css/fic.css
View file

@ -31,6 +31,15 @@ body {
background-size: cover;
}
.card-img-top {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.theme-card {
height: 10rem;
}
.beautiful {
font-family: "Linux Biolinum",Helvetica,Arial,sans-serif;
}

2
frontend/static/views/home.html
View file

@ -10,7 +10,7 @@
<div class="card-columns">
<div class="card" ng-repeat="(k,theme) in themes">
<img class="card-img-top" src="{{ theme.image }}" alt="">
<div class="card-img-top theme-card" ng-show="theme.image" style="background-image: url({{ theme.image }})"></div>
<div class="card-body">
<h5 class="card-title">
<a ng-href="/{{ theme.urlid }}">{{ theme.name }}</a>