Appearance
Tailwind #60 — Admin tools
| Field | Value |
|---|---|
| GitLab | sourcecontrollers/safecall#60 |
| Parent | #52 |
| Roadmap | tailwind-roadmap.md |
| Depends on | #59 (closed) |
| Workflow | closed |
Goal
Migrate standalone admin tool pages (own HTML entry shells + TS) from Bulma to Tailwind catalog + utilities.
Tools in scope
| Tool | Path |
|---|---|
| Gateway ID / alive scan | web/src/admin/tools/gateway-id/ |
| Gateway config | web/src/admin/tools/gateway-config/ |
| Beacon config | web/src/admin/tools/beacon-config/ |
| Placement planner | web/src/admin/tools/placement-planner/ |
| Debug device | web/src/admin/tools/debug-device/ |
Design principles
- Tools may have denser custom CSS; still prefer tokens over Bulma hooks.
- Shared helpers from #54 for toasts/modals/buttons.
- Placement planner sidebar: port dark shell to tokens (known Bulma fight area).
Acceptance criteria
- [x] Each tool’s
.html+.tsBulma classes migrated - [x] Tool pages load via existing routes/embeds
- [x] Smoke: open each tool shell; critical control visible (need not run full hardware flows)
Implementation notes
These pages are often less template-shared than admin CRUD. Watch for duplicated Bulma form patterns; reuse catalog.
Ensure CSS build includes tool HTML class scanning if Tailwind content paths must list admin/tools/**.
Out of scope
| Work | Issue |
|---|---|
| Dashboard / translations / bug-tracker / interface-templates | #61 |
| Drop Bulma | #62 |
Key paths
web/src/admin/tools/**- Tailwind content config /
app.css@sourcepaths (if used)
Verification
- Web typecheck / build.
- Smoke navigate to each tool URL.
- Grep
web/src/admin/toolsfor Bulma-only leftovers → 0.
Done when / handoff
- Operator verifies → commit with
Closes #60→ pushgitlab. - Next: #61 admin remaining.