diff --git a/.changeset/docs-homepage-hero.md b/.changeset/docs-homepage-hero.md new file mode 100644 index 000000000..739606dbb --- /dev/null +++ b/.changeset/docs-homepage-hero.md @@ -0,0 +1,5 @@ +--- +"@tabler/docs": patch +--- + +Updated the hero image on the docs homepage with a new dashboard graphic for light and dark mode. diff --git a/.changeset/docs-toc-width.md b/.changeset/docs-toc-width.md new file mode 100644 index 000000000..38db93546 --- /dev/null +++ b/.changeset/docs-toc-width.md @@ -0,0 +1,5 @@ +--- +"@tabler/docs": patch +--- + +Updated the table of contents rail on docs pages to a fixed `13rem` width. diff --git a/docs/assets/img/tabler-dark.png b/docs/assets/img/tabler-dark.png deleted file mode 100644 index 0b2a69fb0..000000000 Binary files a/docs/assets/img/tabler-dark.png and /dev/null differ diff --git a/docs/assets/img/tabler.png b/docs/assets/img/tabler.png deleted file mode 100644 index 2bcbf7f61..000000000 Binary files a/docs/assets/img/tabler.png and /dev/null differ diff --git a/docs/content/index.mdx b/docs/content/index.mdx index e14b67ee1..caea6f672 100644 --- a/docs/content/index.mdx +++ b/docs/content/index.mdx @@ -6,9 +6,12 @@ hide-pagination: true --- import Card from '@components/DocsCard.astro' +import { Image } from 'astro:assets' +import coverLight from '../images/cover-docs.png' +import coverDark from '../images/cover-docs-dark.png' -Tabler -Tabler +Tabler +Tabler This is the documentation for Tabler and the tools around it: the UI kit, its plugins, Tabler Icons, Illustrations and the email templates. Pick a section below to get started. diff --git a/docs/images/cover-docs-dark.png b/docs/images/cover-docs-dark.png new file mode 100644 index 000000000..349730d21 Binary files /dev/null and b/docs/images/cover-docs-dark.png differ diff --git a/docs/images/cover-docs.png b/docs/images/cover-docs.png new file mode 100644 index 000000000..bc7730d88 Binary files /dev/null and b/docs/images/cover-docs.png differ diff --git a/docs/layouts/DocsLayout.astro b/docs/layouts/DocsLayout.astro index 05e6f27c5..15e31c848 100644 --- a/docs/layouts/DocsLayout.astro +++ b/docs/layouts/DocsLayout.astro @@ -494,7 +494,7 @@ const relatedPages = await Promise.all( -
+
diff --git a/docs/scss/docs.scss b/docs/scss/docs.scss index da207d4c4..adbb40efa 100644 --- a/docs/scss/docs.scss +++ b/docs/scss/docs.scss @@ -695,6 +695,12 @@ html { scroll-padding-top: var(--docs-header-height); } +// Table of contents rail: a fixed width, so the content column takes the rest. +.col-docs-toc { + flex: 0 0 auto; + width: 13rem; +} + // The table of contents sticks too, so it has to clear the header (#2421). // A long list must not run past the viewport either: the rail is capped at the // space below the header and scrolls on its own (#2965).