From 87f04c19b853ce818624e20567cd6df9db5d461f Mon Sep 17 00:00:00 2001 From: lingyun14 Date: Mon, 4 May 2026 16:02:15 +0800 Subject: [PATCH 1/2] fix: fix console log level alignment and mobile layout issue --- dashboard/src/components/shared/ConsoleDisplayer.vue | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/dashboard/src/components/shared/ConsoleDisplayer.vue b/dashboard/src/components/shared/ConsoleDisplayer.vue index 8789925cac..84f163e935 100644 --- a/dashboard/src/components/shared/ConsoleDisplayer.vue +++ b/dashboard/src/components/shared/ConsoleDisplayer.vue @@ -362,6 +362,7 @@ export default { border-radius: 8px; height: 100%; overflow-y: auto; + overflow-x: hidden; padding: 16px; } @@ -379,7 +380,7 @@ export default { :deep(.console-log-line--structured) { display: grid; - grid-template-columns: max-content 10ch minmax(0, 1fr); + grid-template-columns: max-content max-content minmax(0, 1fr); column-gap: 8px; align-items: start; white-space: normal; @@ -400,6 +401,12 @@ export default { overflow-wrap: anywhere; } +@media (max-width: 768px) { + :deep(.console-log-line--structured) { + grid-template-columns: 1fr; + } +} + :deep(.fade-in) { animation: fadeIn 0.3s; } From 93d289c10a6bc6b083de141cdebbc0a47abbb230 Mon Sep 17 00:00:00 2001 From: lingyun14 Date: Mon, 4 May 2026 17:25:16 +0800 Subject: [PATCH 2/2] Update ConsoleDisplayer.vue --- dashboard/src/components/shared/ConsoleDisplayer.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/dashboard/src/components/shared/ConsoleDisplayer.vue b/dashboard/src/components/shared/ConsoleDisplayer.vue index 84f163e935..6c69ae66f0 100644 --- a/dashboard/src/components/shared/ConsoleDisplayer.vue +++ b/dashboard/src/components/shared/ConsoleDisplayer.vue @@ -362,7 +362,7 @@ export default { border-radius: 8px; height: 100%; overflow-y: auto; - overflow-x: hidden; + overflow-x: auto; padding: 16px; } @@ -405,6 +405,10 @@ export default { :deep(.console-log-line--structured) { grid-template-columns: 1fr; } + :deep(.console-log-prefix:empty), + :deep(.console-log-level:empty) { + display: none; + } } :deep(.fade-in) {