From 54b9be7b817b933d17ce6aa122e48ef03b2ad9e2 Mon Sep 17 00:00:00 2001
From: iyxan23 <nurihsanalghifari@gmail.com>
Date: Tue, 17 Sep 2024 20:37:15 +0700
Subject: [PATCH] fix: sheet not overflowed correctly & use minmax for sizing

---
 site/src/components/xlsx/preview/SheetPreview.tsx       | 4 ++--
 site/src/components/xlsx/preview/SheetPreviewDialog.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/src/components/xlsx/preview/SheetPreview.tsx b/site/src/components/xlsx/preview/SheetPreview.tsx
index cdbc588..e56836c 100644
--- a/site/src/components/xlsx/preview/SheetPreview.tsx
+++ b/site/src/components/xlsx/preview/SheetPreview.tsx
@@ -32,9 +32,9 @@ export default function SheetPreview({ file = null }: { file: File | null }) {
 
   return (
     <div
-      className="overflow-auto grid w-fit h-fit"
+      className="grid w-fit h-fit"
       style={{
-        gridTemplateColumns: `repeat(${longest}, 1fr)`,
+        gridTemplateColumns: `repeat(${longest}, minmax(12rem, 1fr))`,
       }}
     >
       {rows.map((row, i) => (
diff --git a/site/src/components/xlsx/preview/SheetPreviewDialog.tsx b/site/src/components/xlsx/preview/SheetPreviewDialog.tsx
index 0695dd2..2d05a89 100644
--- a/site/src/components/xlsx/preview/SheetPreviewDialog.tsx
+++ b/site/src/components/xlsx/preview/SheetPreviewDialog.tsx
@@ -18,7 +18,7 @@ export default function SheetPreviewDialog({
   return (
     <Dialog>
       <DialogTrigger asChild>{children}</DialogTrigger>
-      <DialogContent className="max-h-[calc(100vh-2rem)] max-w-[calc(100vw-2rem)]">
+      <DialogContent className="max-h-[calc(100vh-2rem)] max-w-[calc(100vw-2rem)] grid grid-rows-[auto_1fr]">
         <DialogHeader>
           <DialogTitle>preview sheet</DialogTitle>
           <DialogDescription>