fix(wizard): fix UI/UX and usability glitches

- constrain viewport height on wizard routes in HeaderWrapper

- remove nested scrollbar in step-software

- add active module glows and tooltips for locked licenses

- show device name badge in step 3 card header when editing

- update main action button text in summary sidebar when editing

- implement double-click inline delete confirmation in step-summary

- animate customer accordion and add tab-index key bindings
This commit is contained in:
DanielS
2026-08-20 17:16:25 +02:00
parent ea1906f9e4
commit e0d9c1d20e
6 changed files with 84 additions and 35 deletions

View File

@@ -17,8 +17,10 @@ export function HeaderWrapper({ navbar, children }: HeaderWrapperProps) {
return <>{children}</>;
}
const isWizard = pathname === "/order" || pathname === "/wizard";
return (
<div className="flex flex-col min-h-screen bg-slate-50 text-slate-900 dark:bg-[#020617] dark:text-white">
<div className={`flex flex-col ${isWizard ? "h-screen overflow-hidden" : "min-h-screen"} bg-slate-50 text-slate-900 dark:bg-[#020617] dark:text-white`}>
{/* Demo Banner */}
<DemoWrapper>
<div
@@ -31,7 +33,7 @@ export function HeaderWrapper({ navbar, children }: HeaderWrapperProps) {
{navbar}
<main className="flex-1">
<main className={`flex-1 ${isWizard ? "overflow-hidden" : ""}`}>
{children}
</main>
</div>