mirror of
https://github.com/tabler/tabler.git
synced 2026-10-15 10:46:23 +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.
30 lines
916 B
Plaintext
30 lines
916 B
Plaintext
---
|
|
import photos from '@data/photos.json'
|
|
|
|
interface Props {
|
|
title?: string
|
|
right?: boolean
|
|
imgId?: number
|
|
}
|
|
|
|
const { title, right, imgId = 1 } = Astro.props
|
|
|
|
const photo = (photos as { file: string; title: string }[])[imgId]
|
|
const imgClass = `w-100 h-100 object-cover ${right ? 'card-img-end' : 'card-img-start'}`
|
|
---
|
|
|
|
<div class="card">
|
|
<div class="row row-0">
|
|
<div class={`col-3${right ? ' order-md-last' : ''}`}>
|
|
<!-- Photo -->
|
|
<img src={`./static/photos/${photo.file}`} class={imgClass} alt={photo.title} />
|
|
</div>
|
|
<div class="col">
|
|
<div class="card-body">
|
|
{title && <h3 class="card-title" set:html={title} />}
|
|
<p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|