From 699e710fd119309eb88a8ea44db3c832773c82b0 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Sun, 13 Aug 2023 19:51:11 +0100
Subject: Refactors links-gallery CSS component

---
 src/components/LallansIssuesGallery.astro | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

(limited to 'src/components/LallansIssuesGallery.astro')

diff --git a/src/components/LallansIssuesGallery.astro b/src/components/LallansIssuesGallery.astro
index 5e45a9e..bee50c8 100644
--- a/src/components/LallansIssuesGallery.astro
+++ b/src/components/LallansIssuesGallery.astro
@@ -4,19 +4,15 @@ import { getAllLallansIssues } from '$data/lallans';
 const issues = await getAllLallansIssues();
 ---
 
-<ul class="lallans-issues-gallery">
+<ul class="link-gallery link-gallery--lallans">
   {
     issues.map((issue) => (
       <li>
-        <a
-          class="link lallans-issues-gallery__issue-container"
-          href={`lallans/${issue.issueNumber}`}
-        >
-          <img
-            class="lallans-issues-gallery__issue-cover-image"
-            src={`/images/lallans/issue${issue.issueNumber}.jpg`}
-          />
-          <p class="lallans-issues-gallery__issue-title">
+        <a class="link link-gallery__container" href={`lallans/${issue.issueNumber}`}>
+          <div class="link-gallery__image">
+            <img src={`/images/lallans/issue${issue.issueNumber}.jpg`} />
+          </div>
+          <p class="link-gallery__title">
             Lallans {issue.issueNumber} | {issue.issueName}
           </p>
         </a>
-- 
cgit v1.2.3