DebaucheryLibrarian
/
traxxx
2
1
Fork 1
Code Issues 37 Pull Requests 1 Releases Wiki Activity

Fixed photo banner on tags.

This commit is contained in:
ThePendulum 2020-02-13 15:37:25 +01:00
parent f33981ef34
commit 5b19fdf7f2
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/components/tags/photos.vue
View File

@ -8,6 +8,7 @@
:title="tag.poster.comment" :title="tag.poster.comment"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="photo-link"
> >
<img <img
:src="`/img/${tag.poster.thumbnail}`" :src="`/img/${tag.poster.thumbnail}`"
@ -26,6 +27,7 @@
:href="`/img/${photo.path}`" :href="`/img/${photo.path}`"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="photo-link"
> >
<img <img
:src="`/img/${photo.thumbnail}`" :src="`/img/${photo.thumbnail}`"
@ -60,18 +62,16 @@ export default {
&.compact { &.compact {
display: none; display: none;
padding: 0 1rem 1rem 1rem; padding: 0 1rem 0 1rem;
overflow-x: auto; overflow-x: auto;
.photos-inner { .photos-inner {
max-width: 100%; flex-shrink: 0;
display: inline-flex;
} }
.poster, .photo-link {
.photo { display: inline-block;
width: 100%; margin: 0 .5rem 0 0;
margin: 0 1rem 0 0;
} }
} }
} }