From 5807cfd8077e6d74f98a4775e54e11e7cced54ac Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Fri, 17 Apr 2026 10:26:15 +0200
Subject: [PATCH] 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>
---
 ui/src/pages/Swagger/SwaggerPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/pages/Swagger/SwaggerPage.tsx b/ui/src/pages/Swagger/SwaggerPage.tsx
index 5f6d0205..5c44ac11 100644
--- a/ui/src/pages/Swagger/SwaggerPage.tsx
+++ b/ui/src/pages/Swagger/SwaggerPage.tsx
@@ -29,7 +29,7 @@ export default function SwaggerPage() {
   }, [token]);
 
   return (
-    <div>
+    <div style={{ flex: 1, minHeight: 0, overflowY: 'auto', padding: '1rem 1.5rem' }}>
       <h2 style={{ marginBottom: '1rem' }}>API Documentation</h2>
       <div ref={containerRef} />
     </div>