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();
</script>
<div class="grow px-12 pt-6 pb-12 flex flex-row gap-24">
<div class="hidden md:flex flex-col gap-2 w-40 sticky top-[108px] self-start shrink-0">
<div class="mb-2">
<AlgoliaDocSearch />
</div>
{#each Object.keys(guides) as guide}
<Button
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}
<div class="grow flex flex-col items-center px-12 pt-6 pb-12">
<div class="max-w-5xl flex flex-row gap-24">
<div class="hidden md:flex flex-col gap-2 w-40 sticky top-[108px] self-start shrink-0">
<div class="mb-2">
<AlgoliaDocSearch />
</div>
{#each Object.keys(guides) as guide}
<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
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}/${subGuide}`]}
{data.guideTitles[guide]}
</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}
</div>
<div class="grow">
{@render children()}
</div>
<div class="grow">
{@render children()}
</div>
</div>
</div>

View File

@@ -59,7 +59,7 @@
href="https://github.com/gpxstudio/gpx.studio/edit/dev/website/src/lib/docs/en/{page
.params.guide}.mdx"
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" />
Edit this page on GitHub