/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
preview/pages/maps.astro
36 строк
1 KB
Paweł Kuna
Improve accessibility across layouts, components, and forms (#2799)
06 авг 2026, 00:40
Не верифицирован
06 авг 2026, 00:40
1effe22
Код
Авторство
О чём код?
--- // Card maps span full-width column with no card-body; non-card maps get card-body with title. import DefaultLayout from '@shared/layouts/DefaultLayout.astro' import Map from '@ui/Map.astro' import Card from '@ui/Card.astro' import CardBody from '@ui/CardBody.astro' import maps from '@data/maps.json' type MapData = { title?: string; card?: boolean } const mapEntries = Object.entries(maps as Record<string, MapData>) --- <DefaultLayout title="Maps" pageHeader="Maps" pageMenu="plugins.maps" pageLibs={['mapbox']}> <div class="row row-cards"> { mapEntries.map(([mapId, data]) => data.card ? ( <div class="col-lg-12"> <Card> <Map mapId={mapId} ratio="21x9" /> </Card> </div> ) : ( <div class="col-lg-6"> <Card> <CardBody> <h3 class="card-title">{data.title}</h3> <Map mapId={mapId} /> </CardBody> </Card> </div> ), ) } </div> </DefaultLayout>