From 325bc585c135d4c524dfa9e8de855b254f922cfc Mon Sep 17 00:00:00 2001 From: Bytechoreographer Date: Wed, 6 May 2026 16:40:54 +0800 Subject: [PATCH] fix(ui): key info view goes blank below the fold on small viewports MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The KeyInfoView root used `h-screen` with no overflow fallback, nested inside a parent that is `overflow-hidden`. Combined with an inner `max-h-[65vh] overflow-y-auto` on the Settings Card, content that exceeded the viewport height (common on a 13" MacBook Air) was clipped instead of scrolled — leaving the bottom of the page blank with no scrollbar. Switch the root to `h-full overflow-y-auto` so the detail page scrolls as a single column inside whatever space its parent provides, and drop the redundant inner scroll region on the Settings Card. Co-Authored-By: Claude Sonnet 4 (1M context) --- .../src/components/templates/key_info_view.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ui/litellm-dashboard/src/components/templates/key_info_view.tsx b/ui/litellm-dashboard/src/components/templates/key_info_view.tsx index 492e43cbc815..65bd9d9eb95b 100644 --- a/ui/litellm-dashboard/src/components/templates/key_info_view.tsx +++ b/ui/litellm-dashboard/src/components/templates/key_info_view.tsx @@ -396,7 +396,7 @@ export default function KeyInfoView({ }; return ( -
+
- +
Key Settings {!isEditing && canModifyKey && (