mirror of
https://github.com/dermv/cute-kuma.git
synced 2025-12-17 07:26:22 +00:00
refactor!: drop Uptime Kuma v1 support
This commit is contained in:
Denis Romanov
GitHub
parent
2b4bc6e324
commit
5639f0ca09
53
main.css
53
main.css
@ -133,7 +133,6 @@ a:not(.btn):hover,
|
||||
}
|
||||
|
||||
/* Resize the logo */
|
||||
.logo-wrapper img[data-v-b8247e57],
|
||||
.logo {
|
||||
width: var(--size-logo-width) !important;
|
||||
height: var(--size-logo-height) !important;
|
||||
@ -153,25 +152,21 @@ span[data-v-7d4a7f28] {
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* 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"]) {
|
||||
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 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
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 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Admin button */
|
||||
.btn-info[data-v-b8247e57],
|
||||
.mb-4[data-v-a2098280]:has([data-testid="edit-button"]) .btn-primary {
|
||||
box-shadow: none;
|
||||
border: 1px solid var(--color-btn-secondary-border);
|
||||
@ -183,17 +178,14 @@ span[data-v-7d4a7f28] {
|
||||
font-size: var(--font-size-100);
|
||||
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 {
|
||||
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 {
|
||||
box-shadow: none;
|
||||
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 {
|
||||
display: none;
|
||||
}
|
||||
@ -201,7 +193,6 @@ span[data-v-7d4a7f28] {
|
||||
/* INCIDENT BLOCK
|
||||
-------------------------------------------------- */
|
||||
|
||||
.incident[data-v-b8247e57],
|
||||
.incident[data-v-a2098280] {
|
||||
margin-bottom: var(--spacing-16) !important;
|
||||
box-shadow: none;
|
||||
@ -209,45 +200,37 @@ span[data-v-7d4a7f28] {
|
||||
padding: var(--spacing-20) !important;
|
||||
color: var(--color-text-heading) !important;
|
||||
}
|
||||
.incident[data-v-b8247e57].bg-info,
|
||||
.incident[data-v-a2098280].bg-info {
|
||||
border: 1px solid rgba(var(--rgb-color-teal), .23);
|
||||
background-color: rgba(var(--rgb-color-teal), .08) !important;
|
||||
}
|
||||
.incident[data-v-b8247e57].bg-warning,
|
||||
.incident[data-v-a2098280].bg-warning {
|
||||
border: 1px solid rgba(var(--rgb-color-orange), .23);
|
||||
background-color: rgba(var(--rgb-color-orange), .08) !important;
|
||||
}
|
||||
.incident[data-v-b8247e57].bg-danger,
|
||||
.incident[data-v-a2098280].bg-danger {
|
||||
border: 1px solid rgba(var(--rgb-color-red), .23);
|
||||
background-color: rgba(var(--rgb-color-red), .08) !important;
|
||||
}
|
||||
.incident[data-v-b8247e57].bg-primary,
|
||||
.incident[data-v-a2098280].bg-primary {
|
||||
border: 1px solid rgba(var(--rgb-color-green), .23);
|
||||
background-color: rgba(var(--rgb-color-green), .08) !important;
|
||||
}
|
||||
.incident[data-v-b8247e57].bg-light,
|
||||
.incident[data-v-a2098280].bg-light {
|
||||
box-shadow: var(--shadow-filter);
|
||||
border: 1px solid var(--color-border);
|
||||
background-color: var(--color-block-bg) !important;
|
||||
}
|
||||
.incident[data-v-b8247e57].bg-dark,
|
||||
.incident[data-v-a2098280].bg-dark {
|
||||
box-shadow: var(--shadow-filter);
|
||||
border: 1px solid var(--color-border);
|
||||
background-color: var(--color-bg) !important;
|
||||
}
|
||||
|
||||
.incident[data-v-b8247e57] h4,
|
||||
.incident[data-v-a2098280] h4 {
|
||||
font-size: var(--font-size-300);
|
||||
}
|
||||
|
||||
.incident[data-v-b8247e57] div,
|
||||
.incident[data-v-a2098280] div {
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
@ -260,7 +243,6 @@ span[data-v-7d4a7f28] {
|
||||
/* MAIN STATUS BLOCK
|
||||
-------------------------------------------------- */
|
||||
|
||||
.overall-status[data-v-b8247e57],
|
||||
.overall-status[data-v-a2098280] {
|
||||
margin-bottom: var(--spacing-16) !important;
|
||||
box-shadow: none;
|
||||
@ -271,53 +253,43 @@ span[data-v-7d4a7f28] {
|
||||
font-size: var(--font-size-350);
|
||||
line-height: var(--font-line-height-200);
|
||||
}
|
||||
.overall-status[data-v-b8247e57]:has(.ok),
|
||||
.overall-status[data-v-a2098280]:has(.ok) {
|
||||
border: 1px solid rgba(var(--rgb-color-green), .23);
|
||||
background-color: rgba(var(--rgb-color-green), .08);
|
||||
}
|
||||
.overall-status[data-v-b8247e57]:has(.warning),
|
||||
.overall-status[data-v-a2098280]:has(.warning) {
|
||||
border: 1px solid rgba(var(--rgb-color-orange), .23);
|
||||
background-color: rgba(var(--rgb-color-orange), .08);
|
||||
}
|
||||
.overall-status[data-v-b8247e57]:has(.danger),
|
||||
.overall-status[data-v-a2098280]:has(.danger) {
|
||||
border: 1px solid rgba(var(--rgb-color-red), .23);
|
||||
background-color: rgba(var(--rgb-color-red), .08);
|
||||
}
|
||||
.overall-status[data-v-b8247e57]:has(.status-maintenance),
|
||||
.overall-status[data-v-a2098280]:has(.status-maintenance) {
|
||||
border: 1px solid rgba(var(--rgb-color-blue), .23);
|
||||
background-color: rgba(var(--rgb-color-blue), .08);
|
||||
}
|
||||
|
||||
.overall-status[data-v-b8247e57] div,
|
||||
.overall-status[data-v-a2098280] div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--spacing-20);
|
||||
}
|
||||
|
||||
.overall-status[data-v-b8247e57] svg,
|
||||
.overall-status[data-v-a2098280] svg {
|
||||
margin-right: 0 !important;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
}
|
||||
.overall-status[data-v-b8247e57]:has(.ok) svg,
|
||||
.overall-status[data-v-a2098280]:has(.ok) svg {
|
||||
color: var(--color-green);
|
||||
}
|
||||
.overall-status[data-v-b8247e57]:has(.warning) svg,
|
||||
.overall-status[data-v-a2098280]:has(.warning) svg {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
.overall-status[data-v-b8247e57]:has(.danger) svg,
|
||||
.overall-status[data-v-a2098280]:has(.danger) svg {
|
||||
color: var(--color-red);
|
||||
}
|
||||
.overall-status[data-v-b8247e57]:has(.status-maintenance) svg,
|
||||
.overall-status[data-v-a2098280]:has(.status-maintenance) svg {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
@ -345,7 +317,6 @@ span[data-v-7d4a7f28] {
|
||||
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]) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@ -390,7 +361,6 @@ div > .alert-heading.p-2:has(*) {
|
||||
/* MONITOR GROUP
|
||||
-------------------------------------------------- */
|
||||
|
||||
div[data-v-f71ca08e]:has(> .group-title),
|
||||
div[data-v-026459e0]:has(> .group-title) {
|
||||
margin-bottom: var(--spacing-32) !important;
|
||||
}
|
||||
@ -453,7 +423,6 @@ div[data-v-026459e0]:has(> .group-title) {
|
||||
}
|
||||
|
||||
/* Monitor name */
|
||||
.item-name[data-v-f71ca08e],
|
||||
.item-name[data-v-026459e0] {
|
||||
padding-left: 0;
|
||||
overflow: hidden;
|
||||
@ -473,7 +442,6 @@ div[data-v-026459e0]:has(> .group-title) {
|
||||
}
|
||||
|
||||
/* Monitor tags wrapper */
|
||||
.extra-info[data-v-f71ca08e],
|
||||
.extra-info[data-v-026459e0] {
|
||||
flex-wrap: wrap;
|
||||
order: 1;
|
||||
@ -484,7 +452,6 @@ div[data-v-026459e0]:has(> .group-title) {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.extra-info[data-v-f71ca08e] div,
|
||||
.extra-info[data-v-026459e0] div {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@ -554,57 +521,44 @@ div[data-v-026459e0]:has(> .group-title) {
|
||||
}
|
||||
|
||||
/* Uptime bar in the uptime bars home */
|
||||
.hp-bar-big .beat[data-v-636dc6a9],
|
||||
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3] {
|
||||
border-radius: 0;
|
||||
background-color: var(--color-green);
|
||||
width: 100% !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] {
|
||||
flex: 1;
|
||||
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 {
|
||||
transform: none;
|
||||
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] {
|
||||
border-top-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] {
|
||||
margin: 0 !important;
|
||||
border-top-right-radius: var(--border-radius-200);
|
||||
border-bottom-right-radius: var(--border-radius-200);
|
||||
padding: 0 !important;
|
||||
}
|
||||
.hp-bar-big .beat[data-v-636dc6a9].empty,
|
||||
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].empty {
|
||||
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 {
|
||||
background-color: var(--color-red);
|
||||
}
|
||||
.hp-bar-big .beat[data-v-636dc6a9].pending,
|
||||
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].pending {
|
||||
background-color: var(--color-orange);
|
||||
}
|
||||
.hp-bar-big .beat[data-v-636dc6a9].maintenance,
|
||||
.hp-bar-big .beat-hover-area .beat[data-v-ce0d40a3].maintenance {
|
||||
background-color: var(--color-blue);
|
||||
}
|
||||
|
||||
/* Uptime time (below uptime bars) */
|
||||
.word[data-v-636dc6a9],
|
||||
.word[data-v-ce0d40a3] {
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
@ -613,7 +567,6 @@ div[data-v-026459e0]:has(> .group-title) {
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* User markdown, Uptime Kuma branding, refresh timer */
|
||||
footer[data-v-b8247e57],
|
||||
footer[data-v-a2098280] {
|
||||
margin: var(--spacing-32) 0 !important;
|
||||
color: var(--color-text-secondary);
|
||||
@ -626,8 +579,7 @@ footer .alert-heading.p-2:has(*) {
|
||||
|
||||
/* Refresh timer */
|
||||
/* 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;
|
||||
opacity: 1;
|
||||
margin-bottom: 0 !important;
|
||||
@ -641,15 +593,12 @@ footer .alert-heading.p-2:has(*) {
|
||||
}
|
||||
|
||||
/* Input field for the monitor group name */
|
||||
.edit span[data-v-7d4a7f28][data-v-f71ca08e],
|
||||
.edit span[data-v-7d4a7f28][data-v-026459e0] {
|
||||
padding: var(--spacing-4) var(--spacing-8);
|
||||
}
|
||||
|
||||
/* 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 div[data-v-7d4a7f28][data-v-b8247e57],
|
||||
.edit div[data-v-7d4a7f28][data-v-a2098280] {
|
||||
padding: var(--spacing-8) var(--spacing-12) !important;
|
||||
color: var(--color-text-heading);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user