/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
shared/ui/Photo.astro
25 строк
1001 B
Paweł Kuna
Narrow component prop types, remove unused props and dead code (#2838)
10 авг 2026, 00:14
Не верифицирован
10 авг 2026, 00:14
4f7beec
Код
Авторство
О чём код?
--- // Lightbox passes a resolved `photo` object from the horizontal-filtered list. interface Photo { file: string title?: string } /** core/scss/_variables.scss `$aspect-ratios` map keys */ type PhotoRatio = '1x1' | '2x1' | '1x2' | '3x1' | '1x3' | '4x1' | '1x4' | '4x3' | '3x4' | '16x9' | '9x16' | '21x9' | '9x21' interface Props { photo: Photo /** background param — plain <div> with only the background-image (no ratio class) */ background?: boolean /** ratio param — img-responsive img-responsive-{ratio} wrapper */ ratio?: PhotoRatio | undefined class?: string } const { photo, background, ratio, class: className } = Astro.props const src = `./static/photos/${photo.file}` --- <!-- Photo -->{background ? <div class:list={[className]} style={`background-image: url(${src})`} /> : ratio ? <div class:list={['img-responsive', `img-responsive-${ratio}`, className]} style={`background-image: url(${src})`} /> : <img src={src} class:list={[className]} alt={photo.title} />}