quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

improve TOC style somewhat

Browse source
This commit is contained in:
outfoxxed 2025-06-08 17:40:00 -07:00
parent 415c5f56ef
commit 55e272eb2e
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
19 changed files with 60 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/layouts/DocsLayout.astro
View file

@ -59,7 +59,7 @@ if (url[2]) {
<CreateCopyButtons />
</head>
<body class="docslayout">
<Header headings={headings}/>
<Header title={title} headings={headings}/>
<div class="docslayout-root">
<Nav mobile={false}/>
<div class="docslayout-inner" data-pagefind-body>
@ -89,10 +89,11 @@ if (url[2]) {
></path></svg
>
</Breadcrumbs>
<slot />
<slot/>
</div>
<slot name="alongside-content"/>
</div>
<Footer />
<Footer/>
</body>
</html>

7
src/layouts/GuideLayout.astro
View file

@ -5,8 +5,8 @@ import TOCIntersectionObserver from "@src/components/hooks/TOCIntersectionObserv
import type { ConfigHeading } from "@src/components/navigation/sidebars/types";
export interface Props {
headings: ConfigHeading[];
title: string;
headings: ConfigHeading[];
description: string;
}
@ -15,11 +15,12 @@ const { title, description, headings } = Astro.props;
<DocsLayout title={title} description={description} headings={headings}>
<div class="docs">
<div class="docs-content">
<hr>
<hr/>
<h1>{title}</h1>
<slot/>
</div>
<TOC mobile={false} headings={headings} data-pagefind-ignore/>
</div>
<TOC slot="alongside-content" mobile={false} title={title} headings={headings} data-pagefind-ignore/>
</DocsLayout>
<TOCIntersectionObserver/>