From 719ae4044edf0273b0fdf99e7c3acd19deefaecd Mon Sep 17 00:00:00 2001
From: wisecolt <wisecolt@gmail.com>
Date: Tue, 3 Feb 2026 10:08:45 +0000
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20deploy=20ge=C3=A7mi=C5=9Fi=20i?=
 =?UTF-8?q?=C3=A7in=20native=20scroll=20kullan?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/DeploymentDetailPage.tsx | 45 ++++++++++-----------
 1 file changed, 21 insertions(+), 24 deletions(-)

diff --git a/frontend/src/pages/DeploymentDetailPage.tsx b/frontend/src/pages/DeploymentDetailPage.tsx
index 9db5c6a..af106d0 100644
--- a/frontend/src/pages/DeploymentDetailPage.tsx
+++ b/frontend/src/pages/DeploymentDetailPage.tsx
@@ -18,7 +18,6 @@ import { JobStatusBadge } from "../components/JobStatusBadge";
 import { Label } from "../components/ui/label";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../components/ui/tabs";
-import { ScrollArea } from "../components/ui/scroll-area";
 import {
   DeploymentInput,
   DeploymentProject,
@@ -423,33 +422,31 @@ export function DeploymentDetailPage() {
             Deploy Geçmişi
           </CardTitle>
         </CardHeader>
-        <CardContent>
+        <CardContent className="max-h-[520px] overflow-y-auto pr-2">
           {runs.length === 0 ? (
             <div className="text-sm text-muted-foreground">Henüz deploy çalıştırılmadı.</div>
           ) : (
-            <ScrollArea className="max-h-[420px] pr-2">
-              <div className="space-y-3">
-                {runs.map((run) => (
-                  <div
-                    key={run._id}
-                    className="flex flex-wrap items-center justify-between gap-3 rounded-md border border-border bg-background px-3 py-2 text-sm"
-                  >
-                    <div className="flex items-center gap-3">
-                      <JobStatusBadge status={run.status} />
-                      <span className="text-muted-foreground">
-                        {new Date(run.startedAt).toLocaleString()}
-                      </span>
-                      {run.message && (
-                        <span className="truncate text-foreground/80">· {run.message}</span>
-                      )}
-                    </div>
-                    <div className="text-muted-foreground">
-                      {run.durationMs ? `${Math.round(run.durationMs / 1000)}s` : "-"}
-                    </div>
+            <div className="space-y-3">
+              {runs.map((run) => (
+                <div
+                  key={run._id}
+                  className="flex flex-wrap items-center justify-between gap-3 rounded-md border border-border bg-background px-3 py-2 text-sm"
+                >
+                  <div className="flex items-center gap-3">
+                    <JobStatusBadge status={run.status} />
+                    <span className="text-muted-foreground">
+                      {new Date(run.startedAt).toLocaleString()}
+                    </span>
+                    {run.message && (
+                      <span className="truncate text-foreground/80">· {run.message}</span>
+                    )}
                   </div>
-                ))}
-              </div>
-            </ScrollArea>
+                  <div className="text-muted-foreground">
+                    {run.durationMs ? `${Math.round(run.durationMs / 1000)}s` : "-"}
+                  </div>
+                </div>
+              ))}
+            </div>
           )}
         </CardContent>
       </Card>