Enhance logging display in dev panel with structured output and improved styling
This commit is contained in:
parent
2d1aa4bdfd
commit
1bb0f05fc0
4 changed files with 110 additions and 21 deletions
|
|
@ -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%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue