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:
parent
ffeada4cbe
commit
83e98d75e1
|
|
@ -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 —
|
||||
|
|
|
|||
Loading…
Reference in New Issue