mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
54 lines
1.5 KiB
Plaintext
54 lines
1.5 KiB
Plaintext
---
|
|
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
|
|
import PlaceholderCard1 from '@shared/components/cards/placeholder/Card1.astro'
|
|
import PlaceholderCard2 from '@shared/components/cards/placeholder/Card2.astro'
|
|
import PlaceholderCard3 from '@shared/components/cards/placeholder/Card3.astro'
|
|
import PlaceholderCard4 from '@shared/components/cards/placeholder/Card4.astro'
|
|
import PlaceholderCard5 from '@shared/components/cards/placeholder/Card5.astro'
|
|
import PlaceholderCard6 from '@shared/components/cards/placeholder/Card6.astro'
|
|
|
|
const cols = [1, 2, 3, 4]
|
|
---
|
|
|
|
<DefaultLayout title="Placeholder" pageHeader="Placeholder" pageMenu="base.placeholder">
|
|
<div class="row row-cards">
|
|
{
|
|
cols.map(() => (
|
|
<div class="col-3">
|
|
<PlaceholderCard1 />
|
|
</div>
|
|
))
|
|
}
|
|
<div class="col-4">
|
|
<div class="row row-cards">
|
|
<div class="col-12">
|
|
<PlaceholderCard3 />
|
|
</div>
|
|
<div class="col-12">
|
|
<PlaceholderCard4 />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="row row-cards">
|
|
<div class="col-12">
|
|
<PlaceholderCard1 />
|
|
</div>
|
|
<div class="col-12">
|
|
<PlaceholderCard2 />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="row row-cards">
|
|
<div class="col-12">
|
|
<PlaceholderCard5 />
|
|
</div>
|
|
<div class="col-12">
|
|
<PlaceholderCard6 />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</DefaultLayout>
|