johan
/
mission-control
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/onboarding/onboarding-wizard.tsx
View File

@ -250,7 +250,7 @@ export function OnboardingWizard() {
</div> </div>
{/* Content */} {/* 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 animating
? `opacity-0 ${slideDir === 'left' ? '-translate-x-3' : 'translate-x-3'}` ? `opacity-0 ${slideDir === 'left' ? '-translate-x-3' : 'translate-x-3'}`
: 'opacity-100 translate-x-0' : 'opacity-100 translate-x-0'
@ -626,7 +626,7 @@ function StepCredentials({
return ( 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> <h2 className="text-lg font-semibold mb-1">Secure Your Station</h2>
<p className="text-sm text-muted-foreground mb-4"> <p className="text-sm text-muted-foreground mb-4">
The admin password protects your station console. The API key is a docking credential — The admin password protects your station console. The API key is a docking credential —