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.
This commit is contained in:
Jonatan 2026-03-12 02:28:30 -03:00 committed by GitHub
parent ffeada4cbe
commit 83e98d75e1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions

View File

@ -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