Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 07:16:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(problems): improve testcase scroll layout using ScrollArea

Browse Source
This commit is contained in:
cfngc4594 2025-04-10 10:41:36 +08:00
parent c4e9c5b566
commit 2f2c8ab112
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/(app)/problems/[id]/features/testcase.tsx
View File

@ -1,12 +1,17 @@
import TestcaseCard from "@/components/testcase-card"; import TestcaseCard from "@/components/testcase-card";
import { ScrollArea } from "@/components/ui/scroll-area";
import { useProblemStore } from "@/providers/problem-store-provider"; import { useProblemStore } from "@/providers/problem-store-provider";
export default function Testcase() { export default function Testcase() {
const problem = useProblemStore((state) => state.problem); const problem = useProblemStore((state) => state.problem);
return ( return (
<div className="h-full rounded-b-3xl border border-t-0 border-muted bg-background"> <div className="relative h-full border border-t-0 border-muted rounded-b-3xl bg-background">
<TestcaseCard testcases={problem.testcases} /> <div className="absolute h-full w-full">
<ScrollArea className="h-full">
<TestcaseCard testcases={problem.testcases} />
</ScrollArea>
</div>
</div> </div>
); );
} }