diff options
| author | Zero~Informatique | 2020-01-29 04:53:35 +0100 |
|---|---|---|
| committer | Notkea | 2020-01-29 21:59:12 +0100 |
| commit | 8d543ab94d3678728466d3627e0d419ec00f3010 (patch) | |
| tree | 69cc8bcba4314a30aba2cf7db4312155ef2bf76c /viewer/src/views/GalleryDirectory.vue | |
| parent | 084c509fad0fdf2415587e0e3af8e86fd306447a (diff) | |
| download | ldgallery-8d543ab94d3678728466d3627e0d419ec00f3010.tar.gz | |
viewer: finalized the thumbnails view layouts. implemented thumbnails lazy-loading
Diffstat (limited to 'viewer/src/views/GalleryDirectory.vue')
| -rw-r--r-- | viewer/src/views/GalleryDirectory.vue | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue index eb98595..1df0c4d 100644 --- a/viewer/src/views/GalleryDirectory.vue +++ b/viewer/src/views/GalleryDirectory.vue | |||
| @@ -18,13 +18,14 @@ | |||
| 18 | --> | 18 | --> |
| 19 | 19 | ||
| 20 | <template> | 20 | <template> |
| 21 | <div> | 21 | <div class="thumbnail-tiles"> |
| 22 | <div class="flex"> | 22 | <div v-for="(item) in directory.properties.items" :key="item.path"> |
| 23 | <div v-for="(item) in directory.properties.items" :key="item.path"> | 23 | <router-link :to="item.path"> |
| 24 | <router-link :to="item.path"> | 24 | <gallery-thumbnail :item="item" /> |
| 25 | <gallery-thumbnail :item="item" /> | 25 | </router-link> |
| 26 | </router-link> | 26 | </div> |
| 27 | </div> | 27 | <div> |
| 28 | <!-- Empty item for better flex layout --> | ||
| 28 | </div> | 29 | </div> |
| 29 | </div> | 30 | </div> |
| 30 | </template> | 31 | </template> |