From 4f920e98fc3cceaf99c70379cb5ea5e6cab984bb Mon Sep 17 00:00:00 2001
From: kovakmedya <egecankomur@gmail.com>
Date: Thu, 21 May 2026 22:38:03 +0300
Subject: [PATCH] fix(ui): tables no longer overflow their grid column
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

CSS grid tracks named '1fr' have an implicit 'min-width: auto' that defers
to the child's intrinsic minimum content size. With wide tables inside
those tracks (Ürünler, Hastalar, dashboard recent jobs) that minimum was
the full table width, so the column blew past its share of the row and
the table's overflow-x-auto wrapper never got a chance to do its job —
the whole page scrolled horizontally instead.

Switched the offending tracks to 'minmax(0,1fr)' which lets them collapse
to zero and lets the table primitive's own overflow handle horizontal
scroll inside the cell as designed.

Touched:
  - /products  grid-cols-[1fr_360px]  → [minmax(0,1fr)_360px]
  - /patients  grid-cols-[1fr_360px]  → [minmax(0,1fr)_360px]
  - /dashboard grid-cols-[2fr_1fr]    → [minmax(0,2fr)_minmax(0,1fr)]

Small inline forms ([1fr_auto], [1fr_100px]) were left as-is — they don't
host tables.
---
 src/app/(dashboard)/dashboard/page.tsx | 2 +-
 src/app/(dashboard)/patients/page.tsx  | 2 +-
 src/app/(dashboard)/products/page.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/page.tsx b/src/app/(dashboard)/dashboard/page.tsx
index 22c316d..5e376a0 100644
--- a/src/app/(dashboard)/dashboard/page.tsx
+++ b/src/app/(dashboard)/dashboard/page.tsx
@@ -128,7 +128,7 @@ export default async function DashboardPage() {
         </Card>
       )}
 
-      <div className="grid gap-6 xl:grid-cols-[2fr_1fr]">
+      <div className="grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]">
         <Card>
           <CardHeader className="flex flex-row items-start justify-between">
             <div>
diff --git a/src/app/(dashboard)/patients/page.tsx b/src/app/(dashboard)/patients/page.tsx
index 5d4d90c..70f003a 100644
--- a/src/app/(dashboard)/patients/page.tsx
+++ b/src/app/(dashboard)/patients/page.tsx
@@ -30,7 +30,7 @@ export default async function PatientsPage() {
         </p>
       </div>
 
-      <div className="grid gap-6 lg:grid-cols-[1fr_360px]">
+      <div className="grid gap-6 lg:grid-cols-[minmax(0,1fr)_360px]">
         <Card>
           <CardHeader>
             <CardTitle>Hasta Listesi</CardTitle>
diff --git a/src/app/(dashboard)/products/page.tsx b/src/app/(dashboard)/products/page.tsx
index c1d4c15..4282f70 100644
--- a/src/app/(dashboard)/products/page.tsx
+++ b/src/app/(dashboard)/products/page.tsx
@@ -31,7 +31,7 @@ export default async function ProductsPage() {
         </p>
       </div>
 
-      <div className="grid gap-6 lg:grid-cols-[1fr_360px]">
+      <div className="grid gap-6 lg:grid-cols-[minmax(0,1fr)_360px]">
         <Card>
           <CardHeader>
             <CardTitle>Eklenen Ürünler</CardTitle>