fix: mobile onboarding viewport + filebrowser demo fixes

Onboarding:
- Fixed viewport to use dvh units with position:fixed container
- All views use scrollable glass containers that fit within viewport
- Responsive typography and spacing (mobile-first breakpoints)
- Tighter padding/margins on small screens
- RootRedirect checks localStorage first for instant redirect
- Spinner only appears after 500ms delay to avoid flash

Filebrowser:
- Fix CloudFolder null initialPath crash (watch both useNativeUI + section)
- Remove unused `host` computed (was causing TS error)
- Add mock GET /app/filebrowser/ landing page
- Increase express.json limit to 50mb

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-09 19:32:28 +00:00
parent 4bc0c4b483
commit a6c1820a83
13 changed files with 153 additions and 83 deletions

View File

@@ -446,6 +446,28 @@ input[type="radio"]:active + * {
overflow-x: hidden;
}
/* Onboarding scroll container — constrains to viewport and scrolls */
.onb-scroll-container {
max-height: calc(100dvh - 2rem);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
/* Mobile: tighter padding and margins for onboarding containers */
@media (max-width: 639px) {
.path-glass-container {
width: calc(100% - 24px);
margin: 12px auto;
padding: 12px;
border-radius: 20px;
gap: 8px;
}
.onb-scroll-container {
max-height: calc(100dvh - 1.5rem);
}
}
/* Choose Your Path - Option Cards */
.path-option-card {
position: relative;
@@ -585,6 +607,21 @@ input[type="radio"]:active + * {
font-weight: 600;
}
@media (max-width: 639px) {
.path-action-button {
font-size: 15px;
border-radius: 14px;
}
.path-action-button--skip {
padding: 10px 24px;
font-size: 14px;
}
.path-action-button--continue {
padding: 12px 28px;
font-size: 15px;
}
}
.path-action-button::before {
content: '';
position: absolute;