Correct the mobile drawer spacing fix. The real spacing was Aura's
.p-drawer-content padding (0 {modal.padding} {modal.padding} {modal.padding},
~20px sides+bottom) insetting the whole logo/menu/switcher block from the
drawer edges — plain p-0 lost to it in stylesheet order, so force it off with
!p-0 (same fix pattern as header !hidden). The WorkspaceSwitcher stays
bottom-anchored exactly like the desktop sidebar: revert the SidebarNav 'grow'
prop and the mobile grow=false (the nav is flex-1 again). Children keep their
own intrinsic padding; the drawer content is now edge-to-edge like desktop.
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).