luci-app: Updated log

This commit is contained in:
gSpot
2021-10-05 20:48:58 +03:00
parent fc03a4b87e
commit 00a1f01787
7 changed files with 50 additions and 10 deletions
@@ -3,13 +3,18 @@
document.head.append(E('style', {'type': 'text/css'},
`
:root {
--app-log-dark-font-color: #2e2e2e;
--app-log-light-font-color: #fff;
--app-log-debug-font-color: #737373;
}
.log-entry-empty {
}
.log-entry-number {
min-width: 4em !important;
}
.log-entry-time {
min-width: 14em !important;
min-width: 15em !important;
}
.log-entry-host {
min-width: 10em !important;
@@ -35,40 +40,75 @@ document.head.append(E('style', {'type': 'text/css'},
}
.log-emerg {
background-color: #a93734 !important;
color: #fff;
color: var(--app-log-light-font-color);
}
log-emerg .td {
color: #fff !important;
color: var(--app-log-light-font-color) !important;
}
log-emerg td {
color: #fff !important;
color: var(--app-log-light-font-color) !important;
}
.log-alert {
background-color: #ff7968 !important;
color: #fff;
color: var(--app-log-light-font-color);
}
.log-alert .td {
color: #fff !important;
color: var(--app-log-light-font-color) !important;
}
.log-alert td {
color: #fff !important;
color: var(--app-log-light-font-color) !important;
}
.log-crit {
background-color: #fcc3bf !important;
color: var(--app-log-dark-font-color) !important;
}
.log-crit .td {
color: var(--app-log-dark-font-color) !important;
}
.log-crit td {
color: var(--app-log-dark-font-color) !important;
}
.log-err {
background-color: #ffe9e8 !important;
color: var(--app-log-dark-font-color) !important;
}
.log-err .td {
color: var(--app-log-dark-font-color) !important;
}
.log-err td {
color: var(--app-log-dark-font-color) !important;
}
.log-warn {
background-color: #fff7e2 !important;
color: var(--app-log-dark-font-color) !important;
}
.log-warn .td {
color: var(--app-log-dark-font-color) !important;
}
.log-warn td {
color: var(--app-log-dark-font-color) !important;
}
.log-notice {
background-color: #e3ffec !important;
color: var(--app-log-dark-font-color) !important;
}
.log-notice .td {
color: var(--app-log-dark-font-color) !important;
}
.log-notice td {
color: var(--app-log-dark-font-color) !important;
}
.log-info {
}
.log-debug {
background-color: #ebf6ff !important;
color: var(--app-log-debug-font-color) !important;
}
.log-debug .td {
color: var(--app-log-debug-font-color) !important;
}
.log-debug td {
color: var(--app-log-debug-font-color) !important;
}
.log-highlight-item {
background-color: #ffef00;
@@ -76,7 +116,7 @@ log-emerg td {
.log-entries-count {
margin: 0 0 5px 5px;
font-weight: bold;
opacity: 0.6;
opacity: 0.7;
}
.log-entries-count-level {
display: inline-block !important;