bert.hausmans
ba3a253640
MOBILE-SHELL-PARITY defect 3. Static audit (code + @primeuix base CSS) shows the mobile drawer content is ALREADY a correct full-height flex column: .p-drawer-left .p-drawer-content gets height:100% + flex-grow:1 from base styles, our pt makes it flex flex-col, SidebarNav (flex-1 min-h-0) claims the slack and WorkspaceSwitcher (flex-shrink-0) anchors at the bottom — matching the desktop aside. Add min-h-0 as flex hygiene (children shrink, nav scrolls internally) and document the chain in-code, citing the @primeuix rules. The 'broken height chain' premise did not match the code, so no redundant height fix was fabricated. If WorkspaceSwitcher is still clipped on a real mobile device, the remaining suspect is dynamic-viewport-height (a shrinking address bar making 100% exceed the visual viewport) — flagged for a real-device visual check at the merge gate. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Crewli — Organizer SPA
Main product UI for organisation and event staff (Vue 3 + Vuexy + Vuetify). Lives in this repo; only re-copy from Vuexy when upgrading the template.
Setup
- Install dependencies:
pnpm install
- Create
.env.local:
VITE_API_URL=http://localhost:8000/api/v1
VITE_APP_NAME="Crewli Organizer"
- Dev server uses port 5174 (see
vite.config.tsor run from repo root:make app).
pnpm dev --port 5174
Port
Runs on http://localhost:5174
Production: e.g. VITE_API_URL=https://api.crewli.app/api/v1 and host the SPA at https://crewli.app (see api/.env.example for FRONTEND_APP_URL and SANCTUM_STATEFUL_DOMAINS).