Enhance logging display in dev panel with structured output and improved styling

This commit is contained in:
Greg Burri 2025-04-26 15:56:56 +02:00
parent 2d1aa4bdfd
commit 1bb0f05fc0
4 changed files with 110 additions and 21 deletions

View file

@ -188,8 +188,52 @@ body {
}
#dev-panel {
.log-line-odd {
background-color: consts.$color-1;
.line {
padding: 3px;
&.odd {
background-color: consts.$color-1;
}
}
.date-time {
font-weight: bold;
}
.level {
padding: 2px;
border-radius: 4px;
&.ERROR {
color: white;
background-color: red;
}
&.WARN {
color: black;
background-color: orange;
}
&.INFO {
color: white;
background-color: blue;
}
&.DEBUG {
color: white;
background-color: green;
}
&.TRACE {
color: black;
background-color: yellow;
}
}
.thread-name,
.thread-id {
font-style: italic;
font-size: 80%;
}
}