Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/flo-bit/tiny-docs. quick setup, simple, minimalistic docs for your github project flo-bit.dev/tiny-docs
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738---import Sidebar from "../components/Sidebar.astro";import Header from "../components/Header.astro";import CommandPalette from "../components/search/CommandPalette.svelte";import CodeCopyButton from "../components/CodeCopyButton.astro";import BaseLayout from "./BaseLayout.astro";import { hasSidebar } from "../content-utils";
const { title, description, image, id, headings } = Astro.props;
const sidebar = await hasSidebar();---
<BaseLayout {title} {description} {image} {id} {headings}> <Header />
<div class="flex mx-1 sm:mx-4"> <div class:list={["w-full my-1 sm:my-8", sidebar ? "lg:ml-72 xl:ml-80" : ""]} > <div class="mx-auto max-w-5xl"> <slot /> </div> </div>
<CommandPalette client:load /> <CodeCopyButton />
{ sidebar ? ( <div class="fixed overflow-y-auto top-0 bottom-0 left-0 h-full -translate-x-72 lg:translate-x-0 lg:w-72 xl:w-80 z-40 border-r border-base-200 dark:border-base-300/10"> <Sidebar {id} {headings} /> </div> ) : null } </div></BaseLayout>