From 69963598abcf6bed18568dff01aadcd7d4c99d21 Mon Sep 17 00:00:00 2001
From: Jordi Enric <37541088+jordienr@users.noreply.github.com>
Date: Thu, 2 May 2024 16:09:37 +0200
Subject: [PATCH] fix: logs explorer grid - unwonkify resize and allow bigger
 columns (#23650)

unwonkify resize and allow bigger columns
---
 .../interfaces/Settings/Logs/LogTable.tsx     |  2 +-
 .../project/[ref]/logs/explorer/index.tsx     | 20 +++++++++----------
 apps/studio/styles/react-data-grid-logs.scss  |  2 +-
 3 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/apps/studio/components/interfaces/Settings/Logs/LogTable.tsx b/apps/studio/components/interfaces/Settings/Logs/LogTable.tsx
index 15b997cdcd7..fd92dd9d2e9 100644
--- a/apps/studio/components/interfaces/Settings/Logs/LogTable.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/LogTable.tsx
@@ -110,7 +110,7 @@ const LogTable = ({
         return <div className="flex items-center">{v}</div>
       },
       minWidth: 128,
-      maxWidth: v === 'timestamp' ? 240 : 600, // Without this, the column flickers on first render
+      maxWidth: v === 'timestamp' ? 240 : 2400, // Without this, the column flickers on first render
     }
 
     return result
diff --git a/apps/studio/pages/project/[ref]/logs/explorer/index.tsx b/apps/studio/pages/project/[ref]/logs/explorer/index.tsx
index 23d42bef428..2ad3af0045f 100644
--- a/apps/studio/pages/project/[ref]/logs/explorer/index.tsx
+++ b/apps/studio/pages/project/[ref]/logs/explorer/index.tsx
@@ -221,17 +221,15 @@ export const LogsExplorerPage: NextPageWithLayout = () => {
         <ResizableHandle withHandle />
         <ResizablePanel collapsible minSize={5} className="flex flex-col flex-grow">
           <LoadingOpacity active={isLoading}>
-            <div className="flex flex-grow">
-              <LogTable
-                onRun={handleRun}
-                onSave={handleOnSave}
-                hasEditorValue={Boolean(editorValue)}
-                params={params}
-                data={logData}
-                error={error}
-                projectRef={projectRef as string}
-              />
-            </div>
+            <LogTable
+              onRun={handleRun}
+              onSave={handleOnSave}
+              hasEditorValue={Boolean(editorValue)}
+              params={params}
+              data={logData}
+              error={error}
+              projectRef={projectRef as string}
+            />
           </LoadingOpacity>
           <div className="flex flex-row justify-end mt-2">
             <UpgradePrompt show={showUpgradePrompt} setShowUpgradePrompt={setShowUpgradePrompt} />
diff --git a/apps/studio/styles/react-data-grid-logs.scss b/apps/studio/styles/react-data-grid-logs.scss
index 0f268fee3e0..b97db2db7f3 100644
--- a/apps/studio/styles/react-data-grid-logs.scss
+++ b/apps/studio/styles/react-data-grid-logs.scss
@@ -27,7 +27,7 @@
 }
 
 .data-grid--logs-explorer {
-  @apply transition-all overflow-x-scroll pb-12;
+  @apply overflow-x-scroll pb-12;
 
   .rdg-cell,
   .rdg-cell span {