mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
codecalm
f27c70ad38
`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.
27 lines
867 B
Plaintext
27 lines
867 B
Plaintext
---
|
|
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
|
|
import GalleryPhoto from '@shared/components/cards/GalleryPhoto.astro'
|
|
import Pagination from '@ui/Pagination.astro'
|
|
import photos from '@data/photos.json'
|
|
import people from '@data/people.json'
|
|
|
|
// Horizontal photos, limit 15; person = people[loop index].
|
|
const galleryPhotos = photos.filter((photo) => photo.horizontal).slice(0, 15)
|
|
---
|
|
|
|
<DefaultLayout title="Gallery" pageHeader="Gallery" description="1-15 of 241 photos" actions="photos" pageMenu="extra.gallery">
|
|
<div class="row row-cards">
|
|
{
|
|
galleryPhotos.map((photo, index) => (
|
|
<div class="col-sm-6 col-lg-4">
|
|
<GalleryPhoto photo={photo} person={people[index]} index={index + 1} />
|
|
</div>
|
|
))
|
|
}
|
|
</div>
|
|
|
|
<div class="d-flex mt-5">
|
|
<Pagination class="ms-auto" />
|
|
</div>
|
|
</DefaultLayout>
|