bert.hausmans
f8fddc0e14
Consolidates the user menu into a single sidebar-bottom location. SidebarUserCard.vue shows avatar (initial), full name, role (Dutch label mapped from org pivot role or 'Super Admin' fallback) and a chevron-up that opens a PrimeVue Menu with "Mijn Profiel" and "Uitloggen". The Menu uses popup mode; PrimeVue v4's absolutePosition logic auto-flips above the trigger when the panel would overflow the viewport bottom — verify in Phase C. AppShell loses the topbar avatar Button + Menu and the associated state (userMenuRef, userInitial, userMenuItems, toggleUserMenu) plus its imports (Avatar, Menu, useAuthStore, computed). The component is now a pure layout shell with no auth-store coupling. The topbar's right side is intentionally empty in this commit; B4 fills it with breadcrumb / notification bell / help icon. Layout: nav uses min-h-0 flex-1 overflow-y-auto so it shrinks under viewport pressure and lets the user card stay pinned at the bottom of the sidebar. Mobile Drawer's content pt-override sets the same flex-column behaviour so the user card sits flush at the bottom of the drawer overlay. Co-Authored-By: Claude Opus 4.7 (1M context) <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).