- Replace bg-primary block on active step with Vuexy number-square pattern: 40x40 rounded-lg squares with primary/tonal/grey backgrounds per state - Remove outer VCard wrapper so sidebar sits on page background - Wrap right content column in its own VCard for clear visual separation - Use text-overline for "AANMELDEN" label, 28px gap between steps - Active step: primary square + primary text + subtitle visible - Completed steps: tonal primary square with checkmark + muted text - Future steps: grey square + muted text, no subtitle - Mobile chips wrapped in their own card for consistency Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Crewli — Portal SPA
External-facing app for volunteers (login) and artists/suppliers (token links). Stripped Vuexy layout; same stack as other apps.
Setup
- Install dependencies:
pnpm install
- Create
.env.local:
VITE_API_URL=http://localhost:8000/api/v1
VITE_APP_NAME="Crewli Portal"
- Dev server uses port 5175 (see
vite.config.tsor run from repo root:make portal).
pnpm dev --port 5175
Port
Runs on http://localhost:5175
Production: e.g. VITE_API_URL=https://api.crewli.app/api/v1 and host the SPA at https://portal.crewli.app (portal links in emails use this host; see api/.env.example).