From 07f4bff98f1893582afa936477a26ac48786bc65 Mon Sep 17 00:00:00 2001 From: accius Date: Mon, 2 Feb 2026 11:57:41 -0500 Subject: [PATCH 1/3] header shake fix --- src/App.jsx | 2 +- src/components/Header.jsx | 44 ++++++++++++++++++++++++++------------- 2 files changed, 31 insertions(+), 15 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 4cc8f87..015eccd 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -262,7 +262,7 @@ const App = () => { Up 35d 18h • v4.20
-
+
{utcTime}:{String(new Date().getUTCSeconds()).padStart(2, '0')}
diff --git a/src/components/Header.jsx b/src/components/Header.jsx index 7084b7e..14d4a2b 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -45,9 +45,17 @@ export const Header = ({ {/* UTC Clock */}
- UTC - {utcTime} - {utcDate} + UTC + {utcTime} + {utcDate}
{/* Local Clock - Clickable to toggle 12/24 hour format */} @@ -56,34 +64,42 @@ export const Header = ({ onClick={onTimeFormatToggle} title={`Click to switch to ${use12Hour ? '24-hour' : '12-hour'} format`} > - LOCAL - {localTime} - {localDate} + LOCAL + {localTime} + {localDate}
{/* Weather & Solar Stats */}
{localWeather?.data && ( -
+
{localWeather.data.icon} - + {localWeather.data.temp}°F / {Math.round((localWeather.data.temp - 32) * 5/9)}°C
)} -
+
SFI - {spaceWeather?.data?.solarFlux || '--'} + {spaceWeather?.data?.solarFlux || '--'}
-
+
K - = 4 ? 'var(--accent-red)' : 'var(--accent-green)', fontWeight: '700', fontSize: '16px' }}> + = 4 ? 'var(--accent-red)' : 'var(--accent-green)', fontWeight: '700', fontSize: '16px', fontVariantNumeric: 'tabular-nums' }}> {spaceWeather?.data?.kIndex ?? '--'}
-
+
SSN - {spaceWeather?.data?.sunspotNumber || '--'} + {spaceWeather?.data?.sunspotNumber || '--'}
From f7b534773bbe92b66ce68a9b0d417864a346e7e9 Mon Sep 17 00:00:00 2001 From: accius Date: Mon, 2 Feb 2026 12:04:22 -0500 Subject: [PATCH 2/3] fix monotype font --- src/App.jsx | 2 +- src/components/Header.jsx | 42 +++++++++++++++++++-------------------- 2 files changed, 22 insertions(+), 22 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 015eccd..255584d 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -262,7 +262,7 @@ const App = () => { Up 35d 18h • v4.20
-
+
{utcTime}:{String(new Date().getUTCSeconds()).padStart(2, '0')}
diff --git a/src/components/Header.jsx b/src/components/Header.jsx index 14d4a2b..e3a802a 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -45,17 +45,17 @@ export const Header = ({ {/* UTC Clock */}
- UTC + UTC {utcTime} - {utcDate} + {utcDate}
{/* Local Clock - Clickable to toggle 12/24 hour format */} @@ -64,42 +64,42 @@ export const Header = ({ onClick={onTimeFormatToggle} title={`Click to switch to ${use12Hour ? '24-hour' : '12-hour'} format`} > - LOCAL + LOCAL {localTime} - {localDate} + {localDate}
{/* Weather & Solar Stats */} -
+
{localWeather?.data && ( -
+
{localWeather.data.icon} - + {localWeather.data.temp}°F / {Math.round((localWeather.data.temp - 32) * 5/9)}°C
)} -
+
SFI - {spaceWeather?.data?.solarFlux || '--'} + {spaceWeather?.data?.solarFlux || '--'}
-
+
K - = 4 ? 'var(--accent-red)' : 'var(--accent-green)', fontWeight: '700', fontSize: '16px', fontVariantNumeric: 'tabular-nums' }}> + = 4 ? 'var(--accent-red)' : 'var(--accent-green)', fontWeight: '700', fontSize: '16px' }}> {spaceWeather?.data?.kIndex ?? '--'}
-
+
SSN - {spaceWeather?.data?.sunspotNumber || '--'} + {spaceWeather?.data?.sunspotNumber || '--'}
From 23ebba09e5fbbf2a943d80e8bbdf7f8c80417502 Mon Sep 17 00:00:00 2001 From: accius Date: Mon, 2 Feb 2026 12:10:20 -0500 Subject: [PATCH 3/3] monotype adjustment --- src/App.jsx | 2 +- src/components/Header.jsx | 81 ++++++++++++++++++++------------------- 2 files changed, 42 insertions(+), 41 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 255584d..4cd4468 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -497,7 +497,7 @@ const App = () => { transformOrigin: 'center center', display: 'grid', gridTemplateColumns: '270px 1fr 300px', - gridTemplateRows: '65px 1fr', + gridTemplateRows: '55px 1fr', gap: '8px', padding: '8px', overflow: 'hidden', diff --git a/src/components/Header.jsx b/src/components/Header.jsx index e3a802a..a91724e 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -22,89 +22,87 @@ export const Header = ({
{/* Callsign & Settings */} -
+
{config.callsign} - v3.7.0 + v3.7.0
{/* UTC Clock */} -
- UTC +
+ UTC {utcTime} - {utcDate} + {utcDate}
{/* Local Clock - Clickable to toggle 12/24 hour format */}
- LOCAL + LOCAL {localTime} - {localDate} + {localDate}
{/* Weather & Solar Stats */} -
+
{localWeather?.data && ( -
- {localWeather.data.icon} +
+ {localWeather.data.icon} - {localWeather.data.temp}°F / {Math.round((localWeather.data.temp - 32) * 5/9)}°C + {localWeather.data.temp}°F/{Math.round((localWeather.data.temp - 32) * 5/9)}°C
)} -
+
SFI - {spaceWeather?.data?.solarFlux || '--'} + {spaceWeather?.data?.solarFlux || '--'}
-
+
K - = 4 ? 'var(--accent-red)' : 'var(--accent-green)', fontWeight: '700', fontSize: '16px' }}> + = 4 ? 'var(--accent-red)' : 'var(--accent-green)', fontWeight: '700' }}> {spaceWeather?.data?.kIndex ?? '--'}
-
+
SSN - {spaceWeather?.data?.sunspotNumber || '--'} + {spaceWeather?.data?.sunspotNumber || '--'}
{/* Settings & Fullscreen Buttons */} -
+
@@ -132,11 +131,12 @@ export const Header = ({ style={{ background: 'var(--bg-tertiary)', border: '1px solid var(--border-color)', - padding: '8px 14px', + padding: '6px 10px', borderRadius: '4px', color: 'var(--text-secondary)', - fontSize: '13px', - cursor: 'pointer' + fontSize: '12px', + cursor: 'pointer', + whiteSpace: 'nowrap' }} > ⚙ Settings @@ -146,11 +146,12 @@ export const Header = ({ style={{ background: isFullscreen ? 'rgba(0, 255, 136, 0.15)' : 'var(--bg-tertiary)', border: `1px solid ${isFullscreen ? 'var(--accent-green)' : 'var(--border-color)'}`, - padding: '8px 14px', + padding: '6px 10px', borderRadius: '4px', color: isFullscreen ? 'var(--accent-green)' : 'var(--text-secondary)', - fontSize: '13px', - cursor: 'pointer' + fontSize: '12px', + cursor: 'pointer', + whiteSpace: 'nowrap' }} title={isFullscreen ? "Exit Fullscreen (Esc)" : "Enter Fullscreen"} >