Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-29 13:21:29 +04:00
Code Issues Projects Releases Wiki Activity

Add quality gates: Prettier for Astro, astro check for shared, unused SCSS variable lint (#2749)

Browse Source 
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
This commit is contained in:
Paweł Kuna
2026-08-03 00:47:55 +02:00
committed by GitHub
co-authored by StarDev
parent 4d04c102d3
commit 8962710163
552 changed files with 18014 additions and 19559 deletions
Download Patch File Download Diff File Expand all files Collapse all files
preview/pages/offcanvas.astro
+36 -51
View File
@@ -1,58 +1,43 @@
---
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import { ucFirst as capitalize } from '@shared/lib/string-format';
import Card from '@ui/Card.astro';
import CardBody from '@ui/CardBody.astro';
import Offcanvas from '@ui/Offcanvas.astro';
import OffcanvasHeader from '@ui/OffcanvasHeader.astro';
import OffcanvasBody from '@ui/OffcanvasBody.astro';
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
import { ucFirst as capitalize } from '@shared/lib/string-format'
import Card from '@ui/Card.astro'
import CardBody from '@ui/CardBody.astro'
import Offcanvas from '@ui/Offcanvas.astro'
import OffcanvasHeader from '@ui/OffcanvasHeader.astro'
import OffcanvasBody from '@ui/OffcanvasBody.astro'
const directions = ['start', 'end', 'top', 'bottom'];
const directions = ['start', 'end', 'top', 'bottom']
---
<DefaultLayout title="Offcanvas" pageHeader="Offcanvas" pageMenu="base.offcanvas">
<Card>
<CardBody>
{
directions.map((direction) => (
<a
class="btn"
data-bs-toggle="offcanvas"
href={`#offcanvas${capitalize(direction)}`}
role="button"
aria-controls={`offcanvas${capitalize(direction)}`}
>
Toggle {direction} offcanvas
</a>
))
}
</CardBody>
</Card>
<Card>
<CardBody>
{
directions.map((direction) => (
<a class="btn" data-bs-toggle="offcanvas" href={`#offcanvas${capitalize(direction)}`} role="button" aria-controls={`offcanvas${capitalize(direction)}`}>
Toggle {direction} offcanvas
</a>
))
}
</CardBody>
</Card>
{
directions.map((direction) => (
<Offcanvas
direction={direction}
tabindex="-1"
id={`offcanvas${capitalize(direction)}`}
aria-labelledby={`offcanvas${capitalize(direction)}Label`}
>
<OffcanvasHeader title={`${capitalize(direction)} offcanvas`} titleId={`offcanvas${capitalize(direction)}Label`}>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close" />
</OffcanvasHeader>
<OffcanvasBody>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab assumenda ea est, eum exercitationem fugiat
illum itaque laboriosam magni necessitatibus, nemo nisi numquam quae reiciendis repellat sit soluta unde.
Aut!
</div>
<div class="mt-3">
<button class="btn btn-primary" type="button" data-bs-dismiss="offcanvas">
Close offcanvas
</button>
</div>
</OffcanvasBody>
</Offcanvas>
))
}
{
directions.map((direction) => (
<Offcanvas direction={direction} tabindex="-1" id={`offcanvas${capitalize(direction)}`} aria-labelledby={`offcanvas${capitalize(direction)}Label`}>
<OffcanvasHeader title={`${capitalize(direction)} offcanvas`} titleId={`offcanvas${capitalize(direction)}Label`}>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close" />
</OffcanvasHeader>
<OffcanvasBody>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab assumenda ea est, eum exercitationem fugiat illum itaque laboriosam magni necessitatibus, nemo nisi numquam quae reiciendis repellat sit soluta unde. Aut!</div>
<div class="mt-3">
<button class="btn btn-primary" type="button" data-bs-dismiss="offcanvas">
Close offcanvas
</button>
</div>
</OffcanvasBody>
</Offcanvas>
))
}
</DefaultLayout>