directlx
/
dlx-claude
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
dlx-claude/memory/hiveops-incident/MEMORY.md

1.2 KiB
Raw Blame History

HiveOps Incident - Key Learnings

Project Structure

  • Frontend: SvelteKit at frontend/, backend: Spring Boot at backend/
  • CSS is split between standalone .css files (Dashboard, IncidentList, AtmHistory, JournalEvents, CreateIncident) and scoped <style> blocks in .svelte files (AtmProperties, IncidentWorkflow, MultiSelectDropdown, AtmInfoCard, AtmSelector)
  • Global styles: app.css (:root vars) and App.svelte (global selectors with :global())

Typography System (implemented)

  • All font sizes use CSS custom properties defined in app.css :root
  • Variables: --font-size-page-title (1.4rem), --font-size-section-title (1.1rem), --font-size-card-title (0.95rem), --font-size-body (0.95rem), --font-size-body-sm (0.9rem), --font-size-label (0.85rem), --font-size-caption (0.8rem), --font-size-tiny (0.75rem), --font-size-stat-value (2rem), --font-size-icon (1.1rem), --font-size-icon-sm (0.9rem), --font-size-subtitle (0.85rem)
  • font-family removed from app.css :root, kept in App.svelte global

Build

  • cd frontend && npm run build - quick (~2s), pre-existing unused CSS selector warnings in App.svelte dark mode styles are normal
  • Git hosting: Gitea (not GitHub/GitLab)