优化结构
This commit is contained in:
@@ -827,14 +827,14 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
||||
position: relative;
|
||||
margin: 0 0 8px;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgb(var(--container-bg-color) / 0.18);
|
||||
border-left: 3px solid rgb(var(--muted-foreground-color) / 0.45);
|
||||
border: 1px solid rgb(255 255 255 / 0.18);
|
||||
border-left: 3px solid rgb(203 213 225 / 0.65);
|
||||
border-radius: 7px;
|
||||
background: rgb(var(--container-bg-color) / 0.06);
|
||||
background: rgb(255 255 255 / 0.055);
|
||||
}
|
||||
|
||||
.log-entry:hover {
|
||||
background: rgb(var(--container-bg-color) / 0.11);
|
||||
background: rgb(255 255 255 / 0.1);
|
||||
}
|
||||
|
||||
.log-entry.entry-error { border-left-color: rgb(var(--error-color)); }
|
||||
@@ -857,12 +857,12 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
||||
|
||||
.log-entry-heading {
|
||||
min-height: 20px;
|
||||
color: rgb(var(--muted-foreground-color));
|
||||
color: rgb(203 213 225);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.log-line-number {
|
||||
color: rgb(var(--muted-foreground-color) / 0.7);
|
||||
color: rgb(148 163 184);
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
@@ -885,6 +885,11 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
||||
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||
}
|
||||
|
||||
.log-time,
|
||||
.log-caller {
|
||||
color: rgb(203 213 225);
|
||||
}
|
||||
|
||||
.log-module {
|
||||
color: rgb(var(--primary-color));
|
||||
font-weight: 600;
|
||||
@@ -892,7 +897,7 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
||||
|
||||
.log-message {
|
||||
margin-top: 5px;
|
||||
color: rgb(var(--base-text-color));
|
||||
color: rgb(248 250 252);
|
||||
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
@@ -903,10 +908,10 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
||||
margin-top: 8px;
|
||||
padding: 8px 10px;
|
||||
overflow-x: auto;
|
||||
border: 1px solid rgb(var(--primary-color) / .12);
|
||||
border: 1px solid rgb(96 165 250 / .28);
|
||||
border-radius: 5px;
|
||||
background: rgb(var(--primary-color) / .06);
|
||||
color: rgb(var(--base-text-color));
|
||||
background: rgb(30 64 175 / .18);
|
||||
color: rgb(226 232 240);
|
||||
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
|
||||
font-size: 12px;
|
||||
line-height: 1.6;
|
||||
@@ -916,18 +921,18 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
||||
|
||||
.log-metrics {
|
||||
margin-top: 8px;
|
||||
color: rgb(var(--muted-foreground-color));
|
||||
color: rgb(226 232 240);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.log-metrics span {
|
||||
padding: 3px 7px;
|
||||
border-radius: 4px;
|
||||
background: rgb(var(--muted-color) / .52);
|
||||
background: rgb(255 255 255 / .14);
|
||||
}
|
||||
|
||||
.log-metrics b {
|
||||
color: rgb(var(--base-text-color));
|
||||
color: rgb(255 255 255);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@@ -942,13 +947,13 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
||||
gap: 5px;
|
||||
padding: 3px 7px;
|
||||
border-radius: 4px;
|
||||
background: rgb(var(--muted-color) / .38);
|
||||
color: rgb(var(--muted-foreground-color));
|
||||
background: rgb(255 255 255 / .16);
|
||||
color: rgb(226 232 240);
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.log-field b {
|
||||
color: rgb(var(--base-text-color) / .78);
|
||||
color: rgb(255 255 255);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -961,8 +966,13 @@ onBeforeUnmount(() => window.removeEventListener('resize', updateRootHeight))
|
||||
.log-fallback {
|
||||
margin: 0;
|
||||
padding: 10px 12px;
|
||||
color: rgb(var(--base-text-color));
|
||||
color: rgb(226 232 240);
|
||||
font-size: 12px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* Raw log lines share the dark viewer surface, so keep their foreground explicit. */
|
||||
.text-container {
|
||||
color: rgb(226 232 240);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user