uptime.link/catalog
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jürgen Kunz
2025-06-29 22:36:12 +00:00
parent 313e736f29
commit f7d3709dac
4 changed files with 89 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ts_web/elements/upl-statuspage-statusbar.ts
View File

@@ -1,7 +1,7 @@
import { DeesElement, property, html, customElement, type TemplateResult, cssManager, css, unsafeCSS } from '@design.estate/dees-element';
import * as domtools from '@design.estate/dees-domtools';
import type { IOverallStatus } from '../interfaces/index.js';
import { fonts } from '../styles/shared.styles.js';
import { fonts, colors } from '../styles/shared.styles.js';
import { demoFunc } from './upl-statuspage-statusbar.demo.js';
declare global {
@@ -77,32 +77,32 @@ export class UplStatuspageStatusbar extends DeesElement {
}
.statusbar-inner.operational {
background: ${cssManager.bdTheme('#10b981', '#064e3b')};
border-color: ${cssManager.bdTheme('#10b981', '#064e3b')};
background: ${colors.status.operational};
border-color: ${colors.status.operational};
color: white;
}
.statusbar-inner.degraded {
background: ${cssManager.bdTheme('#f59e0b', '#78350f')};
border-color: ${cssManager.bdTheme('#f59e0b', '#78350f')};
background: ${colors.status.degraded};
border-color: ${colors.status.degraded};
color: white;
}
.statusbar-inner.partial_outage {
background: ${cssManager.bdTheme('#ef4444', '#7f1d1d')};
border-color: ${cssManager.bdTheme('#ef4444', '#7f1d1d')};
background: ${colors.status.partial};
border-color: ${colors.status.partial};
color: white;
}
.statusbar-inner.major_outage {
background: ${cssManager.bdTheme('#dc2626', '#450a0a')};
border-color: ${cssManager.bdTheme('#dc2626', '#450a0a')};
background: ${colors.status.major};
border-color: ${colors.status.major};
color: white;
}
.statusbar-inner.maintenance {
background: ${cssManager.bdTheme('#3b82f6', '#1e3a8a')};
border-color: ${cssManager.bdTheme('#3b82f6', '#1e3a8a')};
background: ${colors.status.maintenance};
border-color: ${colors.status.maintenance};
color: white;
}