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

improve TOC style somewhat

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

23
src/components/navigation/sidebars/TOC.astro
View file

@ -3,19 +3,22 @@ import TableOfContents from "./toc";
import type { ConfigHeading, TypeTOC } from "./types.d.ts";
export interface Props {
title?: string;
headings?: ConfigHeading[];
types?: TypeTOC;
mobile: boolean;
}
const { headings, types, mobile } = Astro.props;
const { title, headings, types, mobile } = Astro.props;
---
<div id="toc" aria-mobile={mobile} class=`toc-wrapper${mobile ? "-mobile":""}`>
<TableOfContents
config={headings}
type={types}
mobile={mobile}
client:idle
/>
</div>
{(headings?.length ?? 0) + (types?.length ?? 0) != 0 &&
<div id="toc" aria-mobile={mobile} class=`toc-wrapper${mobile ? "-mobile":""}`>
<TableOfContents
title={title}
config={headings}
type={types}
mobile={mobile}
client:idle
/>
</div>
}