refactor!: drop Uptime Kuma v1 support

This commit is contained in:
Denis Romanov 2025-10-26 00:44:55 +04:00 committed by GitHub
parent 2b4bc6e324
commit 5639f0ca09
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -133,7 +133,6 @@ a:not(.btn):hover,
} }
/* Resize the logo */ /* Resize the logo */
.logo-wrapper img[data-v-b8247e57],
.logo { .logo {
width: var(--size-logo-width) !important; width: var(--size-logo-width) !important;
height: var(--size-logo-height) !important; height: var(--size-logo-height) !important;
@ -153,25 +152,21 @@ span[data-v-7d4a7f28] {
-------------------------------------------------- */ -------------------------------------------------- */
/* Fix vertical margin of admin buttons on mobile */ /* Fix vertical margin of admin buttons on mobile */
.mb-4[data-v-b8247e57]:has(.btn-info),
.mb-4[data-v-a2098280]:has([data-testid="edit-button"]) { .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) {
margin-bottom: var(--spacing-32) !important; margin-bottom: var(--spacing-32) !important;
} }
.mb-4[data-v-b8247e57]:has(.btn-info) div,
.mb-4[data-v-a2098280]:has([data-testid="edit-button"]) div { .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) div {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--spacing-8); gap: var(--spacing-8);
} }
.mb-4[data-v-b8247e57]:has(.btn-info) div button,
.mb-4[data-v-a2098280]:has([data-testid="edit-button"]) div button { .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) div button {
margin: 0 !important; margin: 0 !important;
} }
/* Admin button */ /* Admin button */
.btn-info[data-v-b8247e57],
.mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary { .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary {
box-shadow: none; box-shadow: none;
border: 1px solid var(--color-btn-secondary-border); border: 1px solid var(--color-btn-secondary-border);
@ -183,17 +178,14 @@ span[data-v-7d4a7f28] {
font-size: var(--font-size-100); font-size: var(--font-size-100);
line-height: var(--font-line-height-200); line-height: var(--font-line-height-200);
} }
.btn-info[data-v-b8247e57]:hover,
.mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary:hover { .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary:hover {
background-color: var(--color-btn-secondary-hover-bg); background-color: var(--color-btn-secondary-hover-bg);
} }
.btn-info[data-v-b8247e57]:active,
.mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary:active { .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary:active {
box-shadow: none; box-shadow: none;
background-color: var(--color-btn-secondary-active-bg); background-color: var(--color-btn-secondary-active-bg);
} }
.btn-info[data-v-b8247e57] svg,
.mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary svg { .mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary svg {
display: none; display: none;
} }
@ -201,7 +193,6 @@ span[data-v-7d4a7f28] {
/* INCIDENT BLOCK /* INCIDENT BLOCK
-------------------------------------------------- */ -------------------------------------------------- */
.incident[data-v-b8247e57],
.incident[data-v-a2098280] { .incident[data-v-a2098280] {
margin-bottom: var(--spacing-16) !important; margin-bottom: var(--spacing-16) !important;
box-shadow: none; box-shadow: none;
@ -209,45 +200,37 @@ span[data-v-7d4a7f28] {
padding: var(--spacing-20) !important; padding: var(--spacing-20) !important;
color: var(--color-text-heading) !important; color: var(--color-text-heading) !important;
} }
.incident[data-v-b8247e57].bg-info,
.incident[data-v-a2098280].bg-info { .incident[data-v-a2098280].bg-info {
border: 1px solid rgba(var(--rgb-color-teal), .23); border: 1px solid rgba(var(--rgb-color-teal), .23);
background-color: rgba(var(--rgb-color-teal), .08) !important; background-color: rgba(var(--rgb-color-teal), .08) !important;
} }
.incident[data-v-b8247e57].bg-warning,
.incident[data-v-a2098280].bg-warning { .incident[data-v-a2098280].bg-warning {
border: 1px solid rgba(var(--rgb-color-orange), .23); border: 1px solid rgba(var(--rgb-color-orange), .23);
background-color: rgba(var(--rgb-color-orange), .08) !important; background-color: rgba(var(--rgb-color-orange), .08) !important;
} }
.incident[data-v-b8247e57].bg-danger,
.incident[data-v-a2098280].bg-danger { .incident[data-v-a2098280].bg-danger {
border: 1px solid rgba(var(--rgb-color-red), .23); border: 1px solid rgba(var(--rgb-color-red), .23);
background-color: rgba(var(--rgb-color-red), .08) !important; background-color: rgba(var(--rgb-color-red), .08) !important;
} }
.incident[data-v-b8247e57].bg-primary,
.incident[data-v-a2098280].bg-primary { .incident[data-v-a2098280].bg-primary {
border: 1px solid rgba(var(--rgb-color-green), .23); border: 1px solid rgba(var(--rgb-color-green), .23);
background-color: rgba(var(--rgb-color-green), .08) !important; background-color: rgba(var(--rgb-color-green), .08) !important;
} }
.incident[data-v-b8247e57].bg-light,
.incident[data-v-a2098280].bg-light { .incident[data-v-a2098280].bg-light {
box-shadow: var(--shadow-filter); box-shadow: var(--shadow-filter);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
background-color: var(--color-block-bg) !important; background-color: var(--color-block-bg) !important;
} }
.incident[data-v-b8247e57].bg-dark,
.incident[data-v-a2098280].bg-dark { .incident[data-v-a2098280].bg-dark {
box-shadow: var(--shadow-filter); box-shadow: var(--shadow-filter);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
background-color: var(--color-bg) !important; background-color: var(--color-bg) !important;
} }
.incident[data-v-b8247e57] h4,
.incident[data-v-a2098280] h4 { .incident[data-v-a2098280] h4 {
font-size: var(--font-size-300); font-size: var(--font-size-300);
} }
.incident[data-v-b8247e57] div,
.incident[data-v-a2098280] div { .incident[data-v-a2098280] div {
color: var(--color-text-primary); color: var(--color-text-primary);
} }
@ -260,7 +243,6 @@ span[data-v-7d4a7f28] {
/* MAIN STATUS BLOCK /* MAIN STATUS BLOCK
-------------------------------------------------- */ -------------------------------------------------- */
.overall-status[data-v-b8247e57],
.overall-status[data-v-a2098280] { .overall-status[data-v-a2098280] {
margin-bottom: var(--spacing-16) !important; margin-bottom: var(--spacing-16) !important;
box-shadow: none; box-shadow: none;
@ -271,53 +253,43 @@ span[data-v-7d4a7f28] {
font-size: var(--font-size-350); font-size: var(--font-size-350);
line-height: var(--font-line-height-200); line-height: var(--font-line-height-200);
} }
.overall-status[data-v-b8247e57]:has(.ok),
.overall-status[data-v-a2098280]:has(.ok) { .overall-status[data-v-a2098280]:has(.ok) {
border: 1px solid rgba(var(--rgb-color-green), .23); border: 1px solid rgba(var(--rgb-color-green), .23);
background-color: rgba(var(--rgb-color-green), .08); background-color: rgba(var(--rgb-color-green), .08);
} }
.overall-status[data-v-b8247e57]:has(.warning),
.overall-status[data-v-a2098280]:has(.warning) { .overall-status[data-v-a2098280]:has(.warning) {
border: 1px solid rgba(var(--rgb-color-orange), .23); border: 1px solid rgba(var(--rgb-color-orange), .23);
background-color: rgba(var(--rgb-color-orange), .08); background-color: rgba(var(--rgb-color-orange), .08);
} }
.overall-status[data-v-b8247e57]:has(.danger),
.overall-status[data-v-a2098280]:has(.danger) { .overall-status[data-v-a2098280]:has(.danger) {
border: 1px solid rgba(var(--rgb-color-red), .23); border: 1px solid rgba(var(--rgb-color-red), .23);
background-color: rgba(var(--rgb-color-red), .08); background-color: rgba(var(--rgb-color-red), .08);
} }
.overall-status[data-v-b8247e57]:has(.status-maintenance),
.overall-status[data-v-a2098280]:has(.status-maintenance) { .overall-status[data-v-a2098280]:has(.status-maintenance) {
border: 1px solid rgba(var(--rgb-color-blue), .23); border: 1px solid rgba(var(--rgb-color-blue), .23);
background-color: rgba(var(--rgb-color-blue), .08); background-color: rgba(var(--rgb-color-blue), .08);
} }
.overall-status[data-v-b8247e57] div,
.overall-status[data-v-a2098280] div { .overall-status[data-v-a2098280] div {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--spacing-20); gap: var(--spacing-20);
} }
.overall-status[data-v-b8247e57] svg,
.overall-status[data-v-a2098280] svg { .overall-status[data-v-a2098280] svg {
margin-right: 0 !important; margin-right: 0 !important;
width: 1.5em; width: 1.5em;
height: 1.5em; height: 1.5em;
} }
.overall-status[data-v-b8247e57]:has(.ok) svg,
.overall-status[data-v-a2098280]:has(.ok) svg { .overall-status[data-v-a2098280]:has(.ok) svg {
color: var(--color-green); color: var(--color-green);
} }
.overall-status[data-v-b8247e57]:has(.warning) svg,
.overall-status[data-v-a2098280]:has(.warning) svg { .overall-status[data-v-a2098280]:has(.warning) svg {
color: var(--color-orange); color: var(--color-orange);
} }
.overall-status[data-v-b8247e57]:has(.danger) svg,
.overall-status[data-v-a2098280]:has(.danger) svg { .overall-status[data-v-a2098280]:has(.danger) svg {
color: var(--color-red); color: var(--color-red);
} }
.overall-status[data-v-b8247e57]:has(.status-maintenance) svg,
.overall-status[data-v-a2098280]:has(.status-maintenance) svg { .overall-status[data-v-a2098280]:has(.status-maintenance) svg {
color: var(--color-blue); color: var(--color-blue);
} }
@ -345,7 +317,6 @@ span[data-v-7d4a7f28] {
color: var(--color-text-primary); color: var(--color-text-primary);
} }
.shadow-box.bg-maintenance div[data-v-b8247e57]:not([class]) div:not([class]),
.shadow-box.bg-maintenance div[data-v-a2098280]:not([class]) div:not([class]) { .shadow-box.bg-maintenance div[data-v-a2098280]:not([class]) div:not([class]) {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -390,7 +361,6 @@ div > .alert-heading.p-2:has(*) {
/* MONITOR GROUP /* MONITOR GROUP
-------------------------------------------------- */ -------------------------------------------------- */
div[data-v-f71ca08e]:has(> .group-title),
div[data-v-026459e0]:has(> .group-title) { div[data-v-026459e0]:has(> .group-title) {
margin-bottom: var(--spacing-32) !important; margin-bottom: var(--spacing-32) !important;
} }
@ -453,7 +423,6 @@ div[data-v-026459e0]:has(> .group-title) {
} }
/* Monitor name */ /* Monitor name */
.item-name[data-v-f71ca08e],
.item-name[data-v-026459e0] { .item-name[data-v-026459e0] {
padding-left: 0; padding-left: 0;
overflow: hidden; overflow: hidden;
@ -473,7 +442,6 @@ div[data-v-026459e0]:has(> .group-title) {
} }
/* Monitor tags wrapper */ /* Monitor tags wrapper */
.extra-info[data-v-f71ca08e],
.extra-info[data-v-026459e0] { .extra-info[data-v-026459e0] {
flex-wrap: wrap; flex-wrap: wrap;
order: 1; order: 1;
@ -484,7 +452,6 @@ div[data-v-026459e0]:has(> .group-title) {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.extra-info[data-v-f71ca08e] div,
.extra-info[data-v-026459e0] div { .extra-info[data-v-026459e0] div {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -554,57 +521,44 @@ div[data-v-026459e0]:has(> .group-title) {
} }
/* Uptime bar in the uptime bars home */ /* Uptime bar in the uptime bars home */
.hp-bar-big .beat[data-v-636dc6a9],
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3] { .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3] {
border-radius: 0; border-radius: 0;
background-color: var(--color-green); background-color: var(--color-green);
width: 100% !important; width: 100% !important;
height: var(--size-uptime-bar-height) !important; height: var(--size-uptime-bar-height) !important;
} }
.hp-bar-big .beat[data-v-636dc6a9] {
flex: 1;
margin: 0 1px 0 0 !important;
}
.hp-bar-big .beat-hover-area[data-v-ce0d40a3] { .hp-bar-big .beat-hover-area[data-v-ce0d40a3] {
flex: 1; flex: 1;
padding: 0 1px 0 0 !important; padding: 0 1px 0 0 !important;
} }
.hp-bar-big .beat[data-v-636dc6a9]:not(.empty):hover,
.hp-bar-big .beat-hover-area[data-v-ce0d40a3]:not(.empty):hover { .hp-bar-big .beat-hover-area[data-v-ce0d40a3]:not(.empty):hover {
transform: none; transform: none;
opacity: .7; opacity: .7;
} }
.hp-bar-big .beat[data-v-636dc6a9]:first-of-type,
.hp-bar-big .beat-hover-area:first-of-type .beat[data-v-ce0d40a3] { .hp-bar-big .beat-hover-area:first-of-type .beat[data-v-ce0d40a3] {
border-top-left-radius: var(--border-radius-200); border-top-left-radius: var(--border-radius-200);
border-bottom-left-radius: var(--border-radius-200); border-bottom-left-radius: var(--border-radius-200);
} }
.hp-bar-big .beat[data-v-636dc6a9]:last-of-type,
.hp-bar-big .beat-hover-area:last-of-type .beat[data-v-ce0d40a3] { .hp-bar-big .beat-hover-area:last-of-type .beat[data-v-ce0d40a3] {
margin: 0 !important; margin: 0 !important;
border-top-right-radius: var(--border-radius-200); border-top-right-radius: var(--border-radius-200);
border-bottom-right-radius: var(--border-radius-200); border-bottom-right-radius: var(--border-radius-200);
padding: 0 !important; padding: 0 !important;
} }
.hp-bar-big .beat[data-v-636dc6a9].empty,
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].empty { .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].empty {
background-color: var(--color-uptime-bar-empty-bg) !important; background-color: var(--color-uptime-bar-empty-bg) !important;
} }
.hp-bar-big .beat[data-v-636dc6a9].down,
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].down { .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].down {
background-color: var(--color-red); background-color: var(--color-red);
} }
.hp-bar-big .beat[data-v-636dc6a9].pending,
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].pending { .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].pending {
background-color: var(--color-orange); background-color: var(--color-orange);
} }
.hp-bar-big .beat[data-v-636dc6a9].maintenance,
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].maintenance { .hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].maintenance {
background-color: var(--color-blue); background-color: var(--color-blue);
} }
/* Uptime time (below uptime bars) */ /* Uptime time (below uptime bars) */
.word[data-v-636dc6a9],
.word[data-v-ce0d40a3] { .word[data-v-ce0d40a3] {
color: var(--color-text-primary); color: var(--color-text-primary);
} }
@ -613,7 +567,6 @@ div[data-v-026459e0]:has(> .group-title) {
-------------------------------------------------- */ -------------------------------------------------- */
/* User markdown, Uptime Kuma branding, refresh timer */ /* User markdown, Uptime Kuma branding, refresh timer */
footer[data-v-b8247e57],
footer[data-v-a2098280] { footer[data-v-a2098280] {
margin: var(--spacing-32) 0 !important; margin: var(--spacing-32) 0 !important;
color: var(--color-text-secondary); color: var(--color-text-secondary);
@ -626,7 +579,6 @@ footer .alert-heading.p-2:has(*) {
/* Refresh timer */ /* Refresh timer */
/* Remove or comment "display: none" to restore visibility */ /* Remove or comment "display: none" to restore visibility */
.refresh-info[data-v-b8247e57],
.refresh-info[data-v-a2098280] { .refresh-info[data-v-a2098280] {
display: none; display: none;
opacity: 1; opacity: 1;
@ -641,15 +593,12 @@ footer .alert-heading.p-2:has(*) {
} }
/* Input field for the monitor group name */ /* Input field for the monitor group name */
.edit span[data-v-7d4a7f28][data-v-f71ca08e],
.edit span[data-v-7d4a7f28][data-v-026459e0] { .edit span[data-v-7d4a7f28][data-v-026459e0] {
padding: var(--spacing-4) var(--spacing-8); padding: var(--spacing-4) var(--spacing-8);
} }
/* Input field for page description and footer */ /* Input field for page description and footer */
.edit h4[data-v-7d4a7f28][data-v-b8247e57][contenteditable="true"],
.edit h4[data-v-7d4a7f28][data-v-a2098280][contenteditable="true"], .edit h4[data-v-7d4a7f28][data-v-a2098280][contenteditable="true"],
.edit div[data-v-7d4a7f28][data-v-b8247e57],
.edit div[data-v-7d4a7f28][data-v-a2098280] { .edit div[data-v-7d4a7f28][data-v-a2098280] {
padding: var(--spacing-8) var(--spacing-12) !important; padding: var(--spacing-8) var(--spacing-12) !important;
color: var(--color-text-heading); color: var(--color-text-heading);