Corrigir truncamento no terminal usando CSS grid
This commit is contained in:
@@ -1104,25 +1104,23 @@ textarea {
|
|||||||
|
|
||||||
.terminal-line {
|
.terminal-line {
|
||||||
padding: 2px 0;
|
padding: 2px 0;
|
||||||
display: flex;
|
display: grid;
|
||||||
align-items: flex-start;
|
grid-template-columns: auto 1fr;
|
||||||
min-width: 0;
|
gap: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.terminal-line .timestamp {
|
.terminal-line .timestamp {
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
margin-right: 12px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.terminal-line .content {
|
.terminal-line .content {
|
||||||
color: #c8c8d8;
|
color: #c8c8d8;
|
||||||
word-break: break-all;
|
word-break: break-word;
|
||||||
overflow-wrap: anywhere;
|
overflow-wrap: anywhere;
|
||||||
flex: 1;
|
white-space: pre-wrap;
|
||||||
min-width: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.terminal-line.error .content {
|
.terminal-line.error .content {
|
||||||
|
|||||||
Reference in New Issue
Block a user