From 8225d594e481a5f3cf9ac7c2c8b53fa365a61eda Mon Sep 17 00:00:00 2001
From: Lightling <contact@lightling.xyz>
Date: Mon, 18 Mar 2024 23:44:48 -0400
Subject: [PATCH] wrappers, embed description in view

---
 src/components/galleries/gallery-tile.vue | 3 ++-
 src/views/gallery-list.vue                | 5 ++++-
 src/views/gallery-view.vue                | 8 +++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/galleries/gallery-tile.vue b/src/components/galleries/gallery-tile.vue
index b5b4ee3..1190d99 100644
--- a/src/components/galleries/gallery-tile.vue
+++ b/src/components/galleries/gallery-tile.vue
@@ -25,7 +25,8 @@ const title = computed(() => getTitleFromEntryOrId(props.entry, props.id))
       :src='entry.thumbnailUrl || entry.url'
       :alt='entry.description || id'
     )
-  p {{ title }}
+  .caption-wrapper
+    p {{ title }}
 </template>
 
 <style scoped lang="sass">
diff --git a/src/views/gallery-list.vue b/src/views/gallery-list.vue
index f5ae8da..7eb79cd 100644
--- a/src/views/gallery-list.vue
+++ b/src/views/gallery-list.vue
@@ -78,13 +78,16 @@ onMounted(async () => {
 
 <template lang="pug">
 .template.gallery-list
-  .gallery(
+  .navigation(
     v-if='ready'
   )
     p(
       v-if='variants?.length > 0'
       @click='onNavigateBack($event)'
     ) Back
+  .gallery(
+    v-if='ready'
+  )
     GalleryTile(
       v-for='(entry, id) in entries'
       :entry='entry'
diff --git a/src/views/gallery-view.vue b/src/views/gallery-view.vue
index a92b804..c634860 100644
--- a/src/views/gallery-view.vue
+++ b/src/views/gallery-view.vue
@@ -8,6 +8,8 @@ import { fetchAndParseYaml } from 'src/utilities/fetch'
 import { getCurrentRoute } from 'src/utilities/vuetils'
 import { useRouteStore } from 'src/routes'
 
+import EmbedableContent from 'src/components/shared/embedable-content.vue'
+
 const props = defineProps<{
   variants: string[]
 }>()
@@ -45,7 +47,11 @@ onMounted(async () => {
       img(
         :src='entry.url || entry.thumbnailUrl'
       )
-    p {{ title }}
+    .view-content
+      p {{ title }}
+      EmbedableContent(
+        :content='entry.description'
+      )
 </template>
 
 <style scoped lang="sass">