chore: adjusting toc style

This commit is contained in:
radishzzz 2025-05-26 20:38:12 +01:00
parent 47e1df9b3d
commit 9c87c1bf03

View file

@ -22,7 +22,7 @@ const filteredHeadings = headings.filter(heading =>
// TOC Container // TOC Container
<div <div
id="toc-container" id="toc-container"
class="mb-6 uno-round-border bg-secondary/5 2xl:(fixed left-0 top-45.5 max-w-[min(calc(50vw-38rem),13rem)] border-none bg-secondary/0)" class="mb-6 uno-round-border bg-secondary/5 2xl:(fixed left-0 top-44.5 max-w-[min(calc(50vw-38rem),13rem)] border-none bg-secondary/0)"
> >
{/* Hidden Checkbox */} {/* Hidden Checkbox */}
<input <input
@ -96,7 +96,7 @@ const filteredHeadings = headings.filter(heading =>
--at-apply: 'ml-4 font-semibold 2xl:hidden'; --at-apply: 'ml-4 font-semibold 2xl:hidden';
} }
.toc-list { .toc-list {
--at-apply: 'mb-2.2 mt-0 list-none pl-0 space-y-1.1 2xl:(mb-2 space-y-1)'; --at-apply: 'mb-3 mt-1 list-none pl-0 space-y-1.1 2xl:(mb-2 space-y-1)';
} }
.toc-link-h2, .toc-link-h3, .toc-link-h4 { .toc-link-h2, .toc-link-h3, .toc-link-h4 {
--at-apply: 'text-balance text-sm font-normal no-underline 2xl:(text-3.2 c-secondary/60 transition-colors transition-font-weight duration-300 ease-out hover:c-secondary hover:font-medium)'; --at-apply: 'text-balance text-sm font-normal no-underline 2xl:(text-3.2 c-secondary/60 transition-colors transition-font-weight duration-300 ease-out hover:c-secondary hover:font-medium)';
@ -109,7 +109,7 @@ const filteredHeadings = headings.filter(heading =>
--at-apply: 'grid rows-[0fr] transition-all duration-350 ease-in-out'; --at-apply: 'grid rows-[0fr] transition-all duration-350 ease-in-out';
} }
.accordion-content { .accordion-content {
--at-apply: 'max-h-58 overflow-hidden pl-4 pr-6 2xl:max-h-[calc(100vh-26.5rem)]'; --at-apply: 'max-h-59 overflow-hidden pl-4 pr-6 2xl:max-h-[calc(100vh-26.5rem)]';
} }
/* When toggle is checked, expand the wrapper to show content */ /* When toggle is checked, expand the wrapper to show content */