From 0f14cd9247d0fefef0bd7171cad44922d999dc89 Mon Sep 17 00:00:00 2001
From: Fallenbagel <98979876+Fallenbagel@users.noreply.github.com>
Date: Sun, 12 Jan 2025 09:57:00 +0800
Subject: [PATCH] style(logs): apply break-words for appDataPath (#1247)

This should make sure that the ui doesnt break for users who has long appDataPaths
---
 src/components/Settings/SettingsLogs/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Settings/SettingsLogs/index.tsx b/src/components/Settings/SettingsLogs/index.tsx
index df819d4c..ef7a396f 100644
--- a/src/components/Settings/SettingsLogs/index.tsx
+++ b/src/components/Settings/SettingsLogs/index.tsx
@@ -245,7 +245,9 @@ const SettingsLogs = () => {
         <p className="description">
           {intl.formatMessage(messages.logsDescription, {
             code: (msg: React.ReactNode) => (
-              <code className="bg-opacity-50">{msg}</code>
+              <code className="whitespace-normal break-words bg-opacity-50">
+                {msg}
+              </code>
             ),
             appDataPath: appData ? appData.appDataPath : '/app/config',
           })}