Skip to content

Wide viewports waste ~700px and have no on-page table of contents #22

@nficano

Description

@nficano

Summary

At ≥1280px the docs content (sidebar 288px + main max-w-4xl ≈ 896px) is left-packed, leaving ~700px of empty right gutter at 1920px and no way to navigate within a long page.

Location(s)

  • Docs routes at 1280 / 1920 — app/layouts/docs.vue.

Severity

P3 — layout balance / navigation polish.

Evidence

1920px: aside 288 + content ≈896 → ≈736px empty right gutter
No "On this page" / table-of-contents anywhere in the docs layout.

Screenshot: .audit/evidence/audit-home-nav-context-1920.png — content hugs the sidebar, large empty right side.

Suggested fix

  • Add a sticky right-rail "On this page" TOC built from the page's headings (balances the column and aids navigation on long docs), or widen/center the content column at xl.

Acceptance criteria

  • Long docs pages show a sticky on-page TOC at ≥xl
  • Whitespace feels balanced at 1920 (no large dead gutter)

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions