From 4ad5ad40c27ad9bf736c39318d8548b68ee19da2 Mon Sep 17 00:00:00 2001
From: Fu Diwei <fudiwei@sina.com>
Date: Tue, 2 Sep 2025 11:28:48 +0800
Subject: [PATCH] fix(ui): system logs overflow

---
 ui/src/components/workflow/WorkflowRunDetail.tsx | 5 ++---
 ui/src/pages/settings/Settings.tsx               | 2 +-
 ui/src/pages/settings/SettingsDiagnostics.tsx    | 5 ++---
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/workflow/WorkflowRunDetail.tsx b/ui/src/components/workflow/WorkflowRunDetail.tsx
index 17bda569..4abd8d66 100644
--- a/ui/src/components/workflow/WorkflowRunDetail.tsx
+++ b/ui/src/components/workflow/WorkflowRunDetail.tsx
@@ -215,11 +215,10 @@ const WorkflowRunLogs = ({ runId, runStatus }: { runId: string; runStatus: strin
 
     return (
       <div className="flex space-x-2" style={{ wordBreak: "break-word" }}>
-        {showTimestamp ? <div className="font-mono text-stone-400">[{dayjs(record.timestamp).format("YYYY-MM-DD HH:mm:ss")}]</div> : <></>}
+        {showTimestamp ? <div className="font-mono whitespace-nowrap text-stone-400">[{dayjs(record.timestamp).format("YYYY-MM-DD HH:mm:ss")}]</div> : <></>}
         <div
           className={mergeCls(
-            "flex-1",
-            "font-mono",
+            "flex-1 font-mono",
             { ["whitespace-pre-line"]: !showWhitespace },
             record.level < WorkflowLogLevel.Info
               ? "text-stone-400"
diff --git a/ui/src/pages/settings/Settings.tsx b/ui/src/pages/settings/Settings.tsx
index 8f6a3053..038ad039 100644
--- a/ui/src/pages/settings/Settings.tsx
+++ b/ui/src/pages/settings/Settings.tsx
@@ -77,7 +77,7 @@ const Settings = () => {
             />
           </div>
 
-          <div className="flex-1">
+          <div className="w-full flex-1">
             <div className="px-4 max-lg:px-0 max-lg:py-6">
               <Outlet />
             </div>
diff --git a/ui/src/pages/settings/SettingsDiagnostics.tsx b/ui/src/pages/settings/SettingsDiagnostics.tsx
index 3505c3b9..f5164989 100644
--- a/ui/src/pages/settings/SettingsDiagnostics.tsx
+++ b/ui/src/pages/settings/SettingsDiagnostics.tsx
@@ -91,11 +91,10 @@ const SettingsDiagnosticsLogs = ({ className, style }: { className?: string; sty
 
     return (
       <div className="flex space-x-2">
-        <div className="font-mono text-stone-400">[{dayjs(record.created).format("YYYY-MM-DD HH:mm:ss")}]</div>
+        <div className="font-mono whitespace-nowrap text-stone-400">[{dayjs(record.created).format("YYYY-MM-DD HH:mm:ss")}]</div>
         <div
           className={mergeCls(
-            "flex-1",
-            "font-mono",
+            "flex-1 font-mono",
             +record.level < LogLevel.Info
               ? "text-stone-400"
               : +record.level < LogLevel.Warn