public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

[docs] sidebar: more spacing (for mobile), add vertical scrolling

Browse Source
This commit is contained in:
Ryan Gossiaux
2022-03-02 14:00:12 -08:00
parent 0b9d4823e8
commit f328881466
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/docs/_Sidebar.svelte
View File

@@ -29,7 +29,7 @@
<a <a
href={p.url} href={p.url}
class:font-bold={$page.path.includes(p.url)} class:font-bold={$page.path.includes(p.url)}
class="py-1 hover:decoration-stone-400 hover:underline" class="py-2 hover:decoration-stone-400 hover:underline"
> >
{p.text} {p.text}
</a> </a>
@@ -39,7 +39,7 @@
<a <a
href={component.url} href={component.url}
class:font-bold={$page.path.includes(component.url)} class:font-bold={$page.path.includes(component.url)}
class="py-1 hover:decoration-stone-400 hover:underline" class="py-2 hover:decoration-stone-400 hover:underline"
> >
{component.text} {component.text}
</a> </a>

4
src/routes/docs/__layout.svelte
View File

@@ -12,7 +12,9 @@
<div class="flex"> <div class="flex">
<div class="w-52 min-w-fit hidden md:block flex-shrink-0"> <div class="w-52 min-w-fit hidden md:block flex-shrink-0">
<div class="sticky top-20"> <div
class="sticky top-0 pt-20 pb-4 -mt-[61px] max-h-screen overflow-y-auto"
>
<Sidebar /> <Sidebar />
</div> </div>
</div> </div>