Skip to content

Tailwind #55 — Shell + auth + settings

FieldValue
GitLabsourcecontrollers/safecall#55
Parent#52
Roadmaptailwind-roadmap.md
Depends on#54 (closed)
Workflowclosed

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

  1. Catalog for chrome (navbar, btn, field, modal); utilities for spacing/layout.
  2. Ensure data-theme="dark" on the document root for these surfaces (align with #53 tokens).
  3. 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.html
  • login/*, 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

WorkIssue
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

  1. Web typecheck.
  2. Manual smoke: login → dashboard/home → settings → logout; delete modal on a safe page if reachable.
  3. No Bulma-only classes left under templates/shared/.

Done when / handoff

  1. Operator verifies → commit with Closes #55 → push gitlab.
  2. Next: #56 user surfaces (and/or #57 in parallel only if shell is stable — prefer #56 first per roadmap).