fix: make API Docs page scrollable

LayoutShell's <main> sets overflow:hidden + min-height:0; pages must
handle their own scroll. SwaggerPage's root div had no height constraint,
so the Swagger UI rendered below the viewport with no scrollbar.

Match the pattern used by AppsTab/DashboardTab/etc.: flex:1 + min-height:0
+ overflow-y:auto on the page root. Inline style since this is a leaf
page with no existing module.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-17 10:26:15 +02:00
parent 88b9faa4f8
commit 5807cfd807

View File

@@ -29,7 +29,7 @@ export default function SwaggerPage() {
}, [token]); }, [token]);
return ( return (
<div> <div style={{ flex: 1, minHeight: 0, overflowY: 'auto', padding: '1rem 1.5rem' }}>
<h2 style={{ marginBottom: '1rem' }}>API Documentation</h2> <h2 style={{ marginBottom: '1rem' }}>API Documentation</h2>
<div ref={containerRef} /> <div ref={containerRef} />
</div> </div>