Appearance
Tailwind #55 — Shell + auth + settings
| Field | Value |
|---|---|
| GitLab | sourcecontrollers/safecall#55 |
| Parent | #52 |
| Roadmap | tailwind-roadmap.md |
| Depends on | #54 (closed) |
| Workflow | closed |
Goal
Migrate authenticated app shell chrome and auth/settings surfaces from Bulma onto the Tailwind catalog + utilities: navbars, login, settings, generic delete modal, and shell session wiring.
Design principles
- Catalog for chrome (navbar, btn, field, modal); utilities for spacing/layout.
- Ensure
data-theme="dark"on the document root for these surfaces (align with #53 tokens). - No new Bulma classes in these templates/pages.
Acceptance criteria
- [x] Admin + user navbar templates migrated
- [x] Login templates + page logic migrated
- [x] Settings / user-settings / user-account templates + pages migrated
- [x] Generic delete modal migrated
- [x] Shell session / boot chrome that injects classes updated
- [x] Smoke: login, navigate, open settings, delete-modal open/close
Implementation notes
Key templates under web/src/templates/shared/:
generic/navbar.html,generic/navbar-user.html,generic/delete-modal.htmllogin/*,settings/*,user-account/*
Pages: shared login/settings modules, web/src/shell/session.ts, related TS that builds nav HTML.
Layout: Bulma columns / hero on login → Tailwind flex/grid utilities.
Out of scope
| Work | Issue |
|---|---|
| User feature panels (sensors, RTLS, …) | #56 |
| Admin CRUD listings | #57+ |
| Drop Bulma globally | #62 |
Key paths
web/src/templates/shared/**web/src/shared/pages/**web/src/shell/**web/build/index.html(root theme attribute if not done in #53)
Verification
- Web typecheck.
- Manual smoke: login → dashboard/home → settings → logout; delete modal on a safe page if reachable.
- No Bulma-only classes left under
templates/shared/.