Added album remarks, lazy loading images

2025-11-22 16:03:50 +13:00
parent 33ead9d968
commit ff486c01e3
4 changed files with 6 additions and 2 deletions
--- a/web/src/pages/albums/[title].astro
+++ b/web/src/pages/albums/[title].astro
@@ -16,7 +16,9 @@ const images = await Promise.all(
    <div slot="sidebar">
        <h1>{album.title}</h1>
        <p>{album.date}</p>
-        <p>{album.location}</p>
+        <p>{album.location}</p><br>
+
+        <Fragment set:html={album.remarks}/>
    </div>

    <div slot="content">
--- a/web/src/pages/albums/index.astro
+++ b/web/src/pages/albums/index.astro
@@ -37,7 +37,7 @@ const albums = await pb.collection('albums').getFullList({
    </div>

    <div slot="content">
-        <div class="swiper-album w-full h-[80vh] overflow-hidden">
+        <div class="swiper-album w-full h-[90vh] overflow-hidden">
            <div class="swiper-wrapper">
                { albums.map(a =>  <AlbumCard a={a}/> ) }
            </div>