Appearance
Tailwind #59 — Admin eink + sensors overview
| Field | Value |
|---|---|
| GitLab | sourcecontrollers/safecall#59 |
| Parent | #52 |
| Roadmap | tailwind-roadmap.md |
| Depends on | #58 (closed) |
| Workflow | closed |
Goal
Migrate eink listing/edit/designer chrome and the admin sensors overview from Bulma to Tailwind. Eink device display palettes (.eink-tpl-theme-*, EinkThemeColors) stay as device concerns — only admin UI Bulma chrome migrates.
Design principles
- Do not conflate e-ink device color themes with app
data-theme. - Designer toolbars/forms use catalog primitives; canvas/preview areas keep existing non-Bulma CSS where possible.
- Sensors overview tables use tokens (fix known Bulma table contrast bugs).
Acceptance criteria
- [x]
templates/admin/eink/**+ eink pages (eink-displays.ts, designer modules) migrated for Bulma classes - [x]
templates/admin/sensors/**+sensors.tsmigrated - [x] Device/e-ink theme CSS namespaces preserved and still work
- [x] Smoke: eink listing + open designer; sensors overview if feature enabled
Implementation notes
Designer is multi-file (eink-designer*.ts). Focus on HTML templates and class strings; avoid redesigning the designer UX.
Out of scope
| Work | Issue |
|---|---|
| Standalone tools (beacon-config, …) | #60 |
| Changing e-ink device palettes | out of program |
| Drop Bulma | #62 |
Key paths
web/src/templates/admin/eink/**web/src/templates/admin/sensors/**web/src/admin/pages/eink-*.ts,eink-displays.ts,sensors.ts
Verification
- Web typecheck.
- Smoke eink + sensors as config allows.
- Confirm e-ink template theme previews still render device colors.
Done when / handoff
- Operator verifies → commit with
Closes #59→ pushgitlab. - Next: #60 admin tools.