Files
tabler/preview/pages/lightbox.astro
T
codecalm f27c70ad38 Fix Prettier formatting regression and Astro type-check errors
`Render Modal as real markup` (#2742) reformatted ~140 files back to
tabs/semicolons, breaking the Prettier config added by the Astro
quality gates (#2749). Re-run prettier --write to restore it, and fix
the type errors it had been masking: HTMLElement casts and `this`
typing in ChangePasswordModalContent/ConfirmDeleteModalContent
scripts, plain-JS syntax in the inline-injected progress.astro script,
narrowed prop unions in Button/Check/Spinner, nullable icon svg casts
in Icons/Rating, and a duplicate firstLetters/invalid `placeholder`
attribute in Select.astro. Also fix shared/vitest.config.mts's stale
`astro/lib/**/*.test.ts` include glob left over from the shared source
restructure, which made `pnpm test` report zero test files.
2026-08-03 01:26:19 +02:00

23 lines
718 B
Plaintext

---
// Gallery uses horizontal photos only.
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
import Photo from '@ui/Photo.astro'
import photos from '@data/photos.json'
const filteredPhotos = photos.filter((photo) => photo.horizontal)
---
<DefaultLayout title="Lightbox" pageHeader="Lightbox" pageMenu="plugins.lightbox" pageLibs={['fslightbox']}>
<div class="row row-cols-3 row-cols-md-4 row-cols-lg-6 g-3">
{
filteredPhotos.map((photo) => (
<div class="col">
<a data-fslightbox="gallery" href={`./static/photos/${photo.file}`}>
<Photo photo={photo} class="rounded border" ratio="1x1" />
</a>
</div>
))
}
</div>
</DefaultLayout>