优化结构

This commit is contained in:
Yvan
2026-08-21 15:46:38 +08:00
parent d91f0554fd
commit a1fea67e79
7 changed files with 31 additions and 49 deletions
+27 -17
View File
@@ -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>