diff --git a/components/MaintenanceAlert.tsx b/components/MaintenanceAlert.tsx index cf2c4be..30f1bdf 100644 --- a/components/MaintenanceAlert.tsx +++ b/components/MaintenanceAlert.tsx @@ -33,7 +33,7 @@ export default function MaintenanceAlert({ upcoming ? pageConfig.maintenances?.upcomingColor ?? 'gray' : maintenance.color || 'yellow' } withCloseButton={false} - style={{ margin: '16px auto', ...style }} + style={{ margin: '16px auto 0 auto', ...style }} > {/* Date range in top right (desktop) or inline (mobile) */}
-
{upcoming ? 'Scheduled for:' : 'From:'}
-
- {new Date(maintenance.start).toLocaleString()} -
+
{new Date(maintenance.start).toLocaleString()}
{upcoming ? 'Expected end:' : 'To:'}
diff --git a/pages/incidents.tsx b/pages/incidents.tsx index 8dfb0ba..aecfbf4 100644 --- a/pages/incidents.tsx +++ b/pages/incidents.tsx @@ -81,7 +81,7 @@ export default function IncidentsPage() { <> {pageConfig.title} - +
diff --git a/pages/index.tsx b/pages/index.tsx index e33a3f8..274315b 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -46,7 +46,7 @@ export default function Home({ <> {pageConfig.title} - +
diff --git a/types/config.ts b/types/config.ts index cbb85a4..35f076a 100644 --- a/types/config.ts +++ b/types/config.ts @@ -6,7 +6,7 @@ export type PageConfig = { group?: PageConfigGroup favicon?: string maintenances?: { - upcomingColor?: string | null + upcomingColor?: string } } diff --git a/uptime.config.ts b/uptime.config.ts index 24775c1..12463c3 100644 --- a/uptime.config.ts +++ b/uptime.config.ts @@ -16,14 +16,14 @@ const pageConfig: PageConfig = { '🌐 Public (example group name)': ['foo_monitor', 'bar_monitor', 'more monitor ids...'], '🔐 Private': ['test_tcp_monitor'], }, - // Set the path to your favicon, default to '/favicon.ico' if not specified + // [OPTIONAL] Set the path to your favicon, default to '/favicon.ico' if not specified favicon: '/favicon.ico', - // [OPTIONAL] Maintenance style + // [OPTIONAL] Maintenance related settings maintenances: { - // If not specified all upcoming maintenance alerts will default to "gray", - // when they are active they will use the color specified in the `MaintenanceConfig[]` - upcomingColor: "gray" - } + // [OPTIONAL] The color of upcoming maintenance alerts, default to 'gray' + // Active alerts will always use the color specified in the MaintenanceConfig + upcomingColor: 'gray', + }, } const workerConfig: WorkerConfig = { @@ -151,4 +151,4 @@ const maintenances: MaintenanceConfig[] = [ ] // Don't forget this, otherwise compilation fails. -export { pageConfig, workerConfig, maintenances } \ No newline at end of file +export { pageConfig, workerConfig, maintenances }