From e25d055ba2ad6762b78eaf429483d6c714bb098e Mon Sep 17 00:00:00 2001 From: Sam Date: Mon, 2 Mar 2026 12:04:47 +0100 Subject: [PATCH] polish: clean header, unified IBM Plex Sans typography - Remove Daily Briefing title and live indicator from header - Center clock prominently in header bar - Switch all section headings to IBM Plex Sans (matching card titles) - Remove unused Outfit font import Co-Authored-By: Claude Opus 4.6 --- web/index.html | 2 +- web/src/components/Clock.tsx | 36 +++++++++++------------ web/src/pages/Dashboard.tsx | 56 +++++++----------------------------- web/src/styles/globals.css | 2 +- web/tailwind.config.js | 2 +- 5 files changed, 31 insertions(+), 67 deletions(-) diff --git a/web/index.html b/web/index.html index ecf721e..82b9828 100644 --- a/web/index.html +++ b/web/index.html @@ -6,7 +6,7 @@ Daily Briefing - +
diff --git a/web/src/components/Clock.tsx b/web/src/components/Clock.tsx index 11a6a69..c000fcf 100644 --- a/web/src/components/Clock.tsx +++ b/web/src/components/Clock.tsx @@ -20,26 +20,24 @@ export default function Clock() { }); return ( -
-
-
- - {hours} - - - : - - - {minutes} - - - {seconds} - -
-

- {dateStr} -

+
+
+ + {hours} + + + : + + + {minutes} + + + {seconds} +
+

+ {dateStr} +

); } diff --git a/web/src/pages/Dashboard.tsx b/web/src/pages/Dashboard.tsx index c873097..a93e113 100644 --- a/web/src/pages/Dashboard.tsx +++ b/web/src/pages/Dashboard.tsx @@ -8,10 +8,10 @@ import ServerCard from "../components/ServerCard"; import HomeAssistant from "../components/HomeAssistant"; import TasksCard from "../components/TasksCard"; import MqttCard from "../components/MqttCard"; -import { RefreshCw, Wifi, WifiOff, AlertTriangle, Settings } from "lucide-react"; +import { RefreshCw, AlertTriangle, Settings } from "lucide-react"; export default function Dashboard() { - const { data, loading, error, connected, refresh } = useDashboard(); + const { data, loading, error, refresh } = useDashboard(); return (
@@ -31,15 +31,9 @@ export default function Dashboard() { {/* Header */}
-
-
-

- Daily Briefing -

- -
- -
+
+ {/* Left: utility buttons */} +
+ + {/* Center: clock */} + + + {/* Right: spacer to balance layout */} +
@@ -143,39 +142,6 @@ export default function Dashboard() { ); } -/* ── Live indicator ─────────────────────────────────────── */ - -function LiveIndicator({ connected }: { connected: boolean }) { - return ( -
-
-
- {connected && ( -
- )} -
- - {connected ? "Live" : "Offline"} - - {connected ? ( - - ) : ( - - )} -
- ); -} - /* ── Loading skeleton ───────────────────────────────────── */ function LoadingSkeleton() { diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css index a67f031..b29ee8e 100644 --- a/web/src/styles/globals.css +++ b/web/src/styles/globals.css @@ -110,7 +110,7 @@ @apply font-mono text-[10px] font-semibold tracking-widest text-base-500 uppercase; } .section-title { - @apply font-serif italic text-lg text-base-900 tracking-tight; + @apply font-sans font-bold text-base uppercase text-base-900 tracking-wide; } .section-rule { @apply flex-1 h-px bg-base-300; diff --git a/web/tailwind.config.js b/web/tailwind.config.js index 7db3979..eabf8ad 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -45,7 +45,7 @@ export default { }, }, fontFamily: { - serif: ['"Instrument Serif"', "Georgia", "serif"], + serif: ['"IBM Plex Sans"', "system-ui", "sans-serif"], sans: ['"IBM Plex Sans"', "system-ui", "sans-serif"], mono: ['"IBM Plex Mono"', "Menlo", "monospace"], },