feat: Implement an Apple-inspired design system with dark/light modes and introduce the initial dashboard layout including a heatmap grid component.

This commit is contained in:
Michael committed 2026-03-05 14:08:29 +01:00
1 parent 3ba16d0895
commit c7fa25a5d1
4 files changed
+21 -17

No files matched your search

@@ -441,9 +441,8 @@ export function HeatmapGrid({ onSelectionChange }: HeatmapGridProps) {
if (!isMounted) {
return (
<div
className="overflow-auto rounded-[12px] flex items-center justify-center"
className="h-full w-full overflow-auto rounded-[12px] flex items-center justify-center"
style={{
height: "calc(100vh - 240px)",
background: "var(--bg-surface)",
border: "1px solid var(--border)",
}}
@@ -456,9 +455,8 @@ export function HeatmapGrid({ onSelectionChange }: HeatmapGridProps) {
return (
<div
ref={tableContainerRef}
className="overflow-auto rounded-[12px] scroll-smooth"
className="h-full w-full overflow-auto rounded-[12px] scroll-smooth"
style={{
height: "calc(100vh - 240px)",
background: "var(--bg-surface)",
border: "1px solid var(--border)",
boxShadow: "var(--shadow-sm)"