f/yenu
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases 1 Packages 1 Wiki Activity

Index page centered #6

Browse source
This commit is contained in:
Aaron Fischer 2017-04-03 22:23:01 +02:00
parent a61b644e2c
commit d9d21b8bb2
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
resources/public/css/screen.css
View file

@ -3,10 +3,13 @@
.thumbnail-image { .thumbnail-image {
display: block; display: block;
margin: 10px; margin: 2px;
border: 1px solid #ccc; border: 1px solid #ccc;
float: left; } float: left; }
.thumbnail-image:hover {
opacity: 0.9; }
.detail-image img { .detail-image img {
max-width: 100%; } max-width: 100%; }

5
resources/scss/screen.scss
View file

@ -4,10 +4,13 @@
.thumbnail-image { .thumbnail-image {
display: block; display: block;
margin: 10px; margin: 2px;
border: 1px solid #ccc; border: 1px solid #ccc;
float: left; float: left;
} }
.thumbnail-image:hover {
opacity: 0.9;
}
.detail-image { .detail-image {
img { img {

2
resources/templates/index.html
View file

@ -29,7 +29,7 @@
<hr> <hr>
{% endif %} {% endif %}
<div class="clearfix"> <div class="clearfix d-flex justify-content-center flex-wrap">
{% for image in images %} {% for image in images %}
<a href="/show/{{ image.id }}" class="thumbnail-image"> <a href="/show/{{ image.id }}" class="thumbnail-image">
<img src="/images/thumbnails/{{ image.hash }}.png" alt="{{ image.title }}"> <img src="/images/thumbnails/{{ image.hash }}.png" alt="{{ image.title }}">