mirror of
https://github.com/Tria-plc/emaui.git
synced 2026-08-26 19:12:50 +00:00
feat(dashboard): enhance dashboard with stat tiles for better data visualization
This commit is contained in:
16
libs/ui/src/lib/data/stat-tile.css
Normal file
16
libs/ui/src/lib/data/stat-tile.css
Normal file
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* A clickable StatTile. The hover cue lives here rather than in inline style
|
||||
* handlers so it can use a real `:hover` — a JS mouseenter/leave pair misses
|
||||
* keyboard focus, and `:focus-visible` needs the app's focus ring anyway.
|
||||
*/
|
||||
.ema-stat-tile-clickable > * {
|
||||
transition: border-color 120ms ease, box-shadow 120ms ease;
|
||||
}
|
||||
|
||||
.ema-stat-tile-clickable:hover > * {
|
||||
border-color: var(--mantine-primary-color-filled);
|
||||
}
|
||||
|
||||
.ema-stat-tile-clickable:focus-visible > * {
|
||||
border-color: var(--mantine-primary-color-filled);
|
||||
}
|
||||
Reference in New Issue
Block a user