Enhance ToggleTheme component and add Uptime link in Footer with translations

- Updated ToggleTheme component styles for better visibility in dark mode.
- Added a new Uptime link in the Footer for system status monitoring.
- Introduced translations for Uptime in English, Dutch, German, and French to support multilingual users.
This commit is contained in:
becarta
2025-06-08 01:13:56 +02:00
parent 7f06a0d546
commit 46fa503dda
8 changed files with 442 additions and 4 deletions

View File

@@ -0,0 +1,15 @@
---
import UptimeStatusIsland from './UptimeStatusIsland.jsx';
import UpdateTimer from './UpdateTimer.jsx';
---
<UpdateTimer client:only="react" onRefresh={() => {}} />
<UptimeStatusIsland client:only="react" />
<style>
/**** Custom grid for 40 heartbeat squares ****/
.grid-cols-40 {
display: grid;
grid-template-columns: repeat(40, minmax(0, 1fr));
}
</style>