From 83e98d75e1bc5c66197e46bcf15917ddafc12210 Mon Sep 17 00:00:00 2001
From: Jonatan <19454127+jrrcdev@users.noreply.github.com>
Date: Thu, 12 Mar 2026 02:28:30 -0300
Subject: [PATCH] fix(onboarding): enhance wizard layout and content for
 improved user experience (#293)

- Adjusted the onboarding wizard's content area to have a maximum height of 70vh for better responsiveness.
- Updated the credentials step to ensure the content area can overflow and scroll, enhancing usability during input.
---
 src/components/onboarding/onboarding-wizard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/onboarding/onboarding-wizard.tsx b/src/components/onboarding/onboarding-wizard.tsx
index e0b8ab2..23d48bd 100644
--- a/src/components/onboarding/onboarding-wizard.tsx
+++ b/src/components/onboarding/onboarding-wizard.tsx
@@ -250,7 +250,7 @@ export function OnboardingWizard() {
         </div>
 
         {/* Content */}
-        <div className={`relative px-6 py-4 min-h-[320px] flex flex-col transition-all duration-150 ${
+        <div className={`relative px-6 py-4 min-h-[320px] max-h-[70vh] flex flex-col transition-all duration-150 ${
           animating
             ? `opacity-0 ${slideDir === 'left' ? '-translate-x-3' : 'translate-x-3'}`
             : 'opacity-100 translate-x-0'
@@ -626,7 +626,7 @@ function StepCredentials({
 
   return (
     <>
-      <div className="flex-1">
+      <div className="flex-1 min-h-0 overflow-y-auto">
         <h2 className="text-lg font-semibold mb-1">Secure Your Station</h2>
         <p className="text-sm text-muted-foreground mb-4">
           The admin password protects your station console. The API key is a docking credential —