diff options
Diffstat (limited to 'viewer/src/components/LdGallery.vue')
-rw-r--r-- | viewer/src/components/LdGallery.vue | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/viewer/src/components/LdGallery.vue b/viewer/src/components/LdGallery.vue index 29c18b9..e512758 100644 --- a/viewer/src/components/LdGallery.vue +++ b/viewer/src/components/LdGallery.vue | |||
@@ -18,11 +18,11 @@ | |||
18 | --> | 18 | --> |
19 | 19 | ||
20 | <template> | 20 | <template> |
21 | <div class="thumbnail-tiles"> | 21 | <ld-error v-if="hasNoResults()" icon="search" :message="noresult" /> |
22 | <div v-else class="thumbnail-tiles"> | ||
22 | <router-link v-for="item in items" :key="item.path" :to="item.path"> | 23 | <router-link v-for="item in items" :key="item.path" :to="item.path"> |
23 | <ld-thumbnail :item="item" /> | 24 | <ld-thumbnail :item="item" /> |
24 | </router-link> | 25 | </router-link> |
25 | <div v-if="hasNoResults()" class="noresult">{{noresult}}</div> | ||
26 | </div> | 26 | </div> |
27 | </template> | 27 | </template> |
28 | 28 | ||
@@ -47,11 +47,9 @@ export default class LdPicture extends Vue { | |||
47 | flex-wrap: wrap; | 47 | flex-wrap: wrap; |
48 | align-items: center; | 48 | align-items: center; |
49 | justify-content: space-evenly; | 49 | justify-content: space-evenly; |
50 | |||
50 | & > a { | 51 | & > a { |
51 | margin: 2px; | 52 | margin: 2px; |
52 | } | 53 | } |
53 | & .noresult { | ||
54 | margin-top: 40px; | ||
55 | } | ||
56 | } | 54 | } |
57 | </style> | 55 | </style> |