From 2f2c8ab1128139c5875a7499505bd6f8f8e07567 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Thu, 10 Apr 2025 10:41:36 +0800
Subject: [PATCH] refactor(problems): improve testcase scroll layout using
 ScrollArea

---
 src/app/(app)/problems/[id]/features/testcase.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/(app)/problems/[id]/features/testcase.tsx b/src/app/(app)/problems/[id]/features/testcase.tsx
index b102c86..3f315e9 100644
--- a/src/app/(app)/problems/[id]/features/testcase.tsx
+++ b/src/app/(app)/problems/[id]/features/testcase.tsx
@@ -1,12 +1,17 @@
 import TestcaseCard from "@/components/testcase-card";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import { useProblemStore } from "@/providers/problem-store-provider";
 
 export default function Testcase() {
   const problem = useProblemStore((state) => state.problem);
 
   return (
-    <div className="h-full rounded-b-3xl border border-t-0 border-muted bg-background">
-      <TestcaseCard testcases={problem.testcases} />
+    <div className="relative h-full border border-t-0 border-muted rounded-b-3xl bg-background">
+      <div className="absolute h-full w-full">
+        <ScrollArea className="h-full">
+          <TestcaseCard testcases={problem.testcases} />
+        </ScrollArea>
+      </div>
     </div>
   );
 }