Michal
/
UptimeFlare
mirror of https://github.com/lyc8503/UptimeFlare.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tiny css changes and cleanup

pull/142/head
lyc8503 2025-09-27 21:05:58 +08:00
parent d3208654ec
commit af6476d7ba
5 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/MaintenanceAlert.tsx
View File

@ -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) */}
<div
@ -50,10 +50,10 @@ export default function MaintenanceAlert({
padding: '2px 8px',
textAlign: 'right',
}
: { marginBottom: 8 }),
: { marginBottom: 4 }),
}}
>
<div
<div
style={{
display: 'grid',
gridTemplateColumns: 'auto 1fr',
@ -63,9 +63,7 @@ export default function MaintenanceAlert({
<div style={{ textAlign: 'right', fontWeight: 'bold' }}>
{upcoming ? 'Scheduled for:' : 'From:'}
</div>
<div>
{new Date(maintenance.start).toLocaleString()}
</div>
<div>{new Date(maintenance.start).toLocaleString()}</div>
<div style={{ textAlign: 'right', fontWeight: 'bold' }}>
{upcoming ? 'Expected end:' : 'To:'}
</div>

2
pages/incidents.tsx
View File

@ -81,7 +81,7 @@ export default function IncidentsPage() {
<>
<Head>
<title>{pageConfig.title}</title>
<link rel="icon" href={pageConfig.favicon} />
<link rel="icon" href={pageConfig.favicon ?? '/favicon.ico'} />
</Head>
<main className={inter.className}>

2
pages/index.tsx
View File

@ -46,7 +46,7 @@ export default function Home({
<>
<Head>
<title>{pageConfig.title}</title>
<link rel="icon" href={pageConfig.favicon} />
<link rel="icon" href={pageConfig.favicon ?? '/favicon.ico'} />
</Head>
<main className={inter.className}>

2
types/config.ts
View File

@ -6,7 +6,7 @@ export type PageConfig = {
group?: PageConfigGroup
favicon?: string
maintenances?: {
upcomingColor?: string | null
upcomingColor?: string
}
}

14
uptime.config.ts
View File

@ -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 }
export { pageConfig, workerConfig, maintenances }