Keep wizard chrome above body content

This commit is contained in:
lemon
2026-06-01 11:15:18 -07:00
parent 18aacad290
commit 2ef0642f6d
2 changed files with 3 additions and 3 deletions
+1 -1
View File
@@ -345,7 +345,7 @@ function CaptiveOverlay() {
type="button"
onClick={cancel}
aria-label={t('onboarding.close')}
className="absolute right-4 top-4 sm:right-6 sm:top-6 inline-flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
className="absolute right-4 top-4 z-20 sm:right-6 sm:top-6 inline-flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
>
<X className="h-5 w-5" />
</button>
+2 -2
View File
@@ -151,7 +151,7 @@ export function Wizard({
type="button"
onClick={onClose}
aria-label={t('common.goBack')}
className="absolute right-4 top-4 sm:right-6 sm:top-6 inline-flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
className="absolute right-4 top-4 z-20 sm:right-6 sm:top-6 inline-flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
>
<X className="h-5 w-5" />
</button>
@@ -165,7 +165,7 @@ export function Wizard({
onClick={() => setStep((s) => Math.max(s - 1, 1))}
disabled={submitting}
aria-label={t('common.back')}
className="absolute left-4 top-4 sm:left-6 sm:top-6 inline-flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground hover:bg-muted hover:text-foreground transition-colors disabled:opacity-50"
className="absolute left-4 top-4 z-20 sm:left-6 sm:top-6 inline-flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground hover:bg-muted hover:text-foreground transition-colors disabled:opacity-50"
>
<ArrowLeft className="h-5 w-5 rtl:rotate-180" />
</button>