diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-13 19:51:11 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-13 19:52:20 +0100 |
| commit | 699e710fd119309eb88a8ea44db3c832773c82b0 (patch) | |
| tree | a7bbcf0020a57a87af4e8df6f6a2edb53a3fff75 /src/components/LallansIssuesGallery.astro | |
| parent | 5739b414b1016f1a9ff23bfec1145d9fae2cd257 (diff) | |
Refactors links-gallery CSS component
Diffstat (limited to 'src/components/LallansIssuesGallery.astro')
| -rw-r--r-- | src/components/LallansIssuesGallery.astro | 16 |
1 files changed, 6 insertions, 10 deletions
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> |