max size for docs

This commit is contained in:
vcoppe
2026-03-28 19:41:44 +01:00
parent d1ef12db8d
commit a751817847
2 changed files with 29 additions and 27 deletions

View File

@@ -18,38 +18,40 @@
} = $props(); } = $props();
</script> </script>
<div class="grow px-12 pt-6 pb-12 flex flex-row gap-24"> <div class="grow flex flex-col items-center px-12 pt-6 pb-12">
<div class="hidden md:flex flex-col gap-2 w-40 sticky top-[108px] self-start shrink-0"> <div class="max-w-5xl flex flex-row gap-24">
<div class="mb-2"> <div class="hidden md:flex flex-col gap-2 w-40 sticky top-[108px] self-start shrink-0">
<AlgoliaDocSearch /> <div class="mb-2">
</div> <AlgoliaDocSearch />
{#each Object.keys(guides) as guide} </div>
<Button {#each Object.keys(guides) as guide}
variant="link"
href={getURLForLanguage(i18n.lang, `/help/${guide}`)}
class="min-h-5 h-fit p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start whitespace-normal {page
.params.guide === guide
? 'font-semibold text-foreground'
: ''}"
>
{data.guideTitles[guide]}
</Button>
{#each guides[guide] as subGuide}
<Button <Button
variant="link" variant="link"
href={getURLForLanguage(i18n.lang, `/help/${guide}/${subGuide}`)} href={getURLForLanguage(i18n.lang, `/help/${guide}`)}
class="min-h-5 h-fit p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start whitespace-normal ml-3 {page class="min-h-5 h-fit p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start whitespace-normal {page
.params.guide === .params.guide === guide
guide + '/' + subGuide
? 'font-semibold text-foreground' ? 'font-semibold text-foreground'
: ''}" : ''}"
> >
{data.guideTitles[`${guide}/${subGuide}`]} {data.guideTitles[guide]}
</Button> </Button>
{#each guides[guide] as subGuide}
<Button
variant="link"
href={getURLForLanguage(i18n.lang, `/help/${guide}/${subGuide}`)}
class="min-h-5 h-fit p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start whitespace-normal ml-3 {page
.params.guide ===
guide + '/' + subGuide
? 'font-semibold text-foreground'
: ''}"
>
{data.guideTitles[`${guide}/${subGuide}`]}
</Button>
{/each}
{/each} {/each}
{/each} </div>
</div> <div class="grow">
<div class="grow"> {@render children()}
{@render children()} </div>
</div> </div>
</div> </div>

View File

@@ -59,7 +59,7 @@
href="https://github.com/gpxstudio/gpx.studio/edit/dev/website/src/lib/docs/en/{page href="https://github.com/gpxstudio/gpx.studio/edit/dev/website/src/lib/docs/en/{page
.params.guide}.mdx" .params.guide}.mdx"
target="_blank" target="_blank"
class="p-0 h-6 ml-auto text-link" class="p-0 has-[>svg]:px-0 h-6 ml-auto text-link"
> >
<PenLine size="16" /> <PenLine size="16" />
Edit this page on GitHub Edit this page on GitHub