16 lines
1.2 KiB
Markdown
16 lines
1.2 KiB
Markdown
# 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)
|