From 2f417ef5db0233ba2619cf7cf4c3a6be0aa7e329 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 16 Jan 2024 21:46:07 +0700
Subject: [PATCH] Make content log overflow scroll Y and X

---
 web/screens/LocalServer/Logs.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/web/screens/LocalServer/Logs.tsx b/web/screens/LocalServer/Logs.tsx
index 589fbf64b..5354246be 100644
--- a/web/screens/LocalServer/Logs.tsx
+++ b/web/screens/LocalServer/Logs.tsx
@@ -18,17 +18,19 @@ const Logs = () => {
   }, [logs])
 
   return (
-    <div className="p-4">
+    <div className="overflow-hidden">
       {logs.length > 1 ? (
-        <code className="text-xs">
-          {logs.map((log, i) => {
-            return (
-              <p key={i} className="my-2 leading-relaxed">
-                {log}
-              </p>
-            )
-          })}
-        </code>
+        <div className="h-full overflow-auto p-4">
+          <code className="text-xs">
+            {logs.map((log, i) => {
+              return (
+                <p key={i} className="my-2 leading-relaxed">
+                  {log}
+                </p>
+              )
+            })}
+          </code>
+        </div>
       ) : (
         <div className="mt-24 flex flex-col items-center justify-center">
           <svg