Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-07-04 15:50:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(analysis): wrap analysis panel with PanelLayout and ScrollArea

Browse Source
This commit is contained in:
cfngc4594 2025-06-21 11:14:24 +08:00
parent f1882e5410
commit b52d96b645
1 changed files with 50 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/features/problems/analysis/components/panel.tsx
View File

@ -7,7 +7,12 @@ import {
CardFooter, CardFooter,
} from "@/components/ui/card"; } from "@/components/ui/card";
import prisma from "@/lib/prisma"; import prisma from "@/lib/prisma";
import { ChartDataPoint, CodeAnalysisRadarChart } from "./radar-chart"; import {
ChartDataPoint,
CodeAnalysisRadarChart,
} from "@/features/problems/analysis/components/radar-chart";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
import { PanelLayout } from "@/features/problems/layouts/panel-layout";
export const description = "A server component to fetch code analysis data."; export const description = "A server component to fetch code analysis data.";
@ -68,6 +73,8 @@ export const AnalysisPanel = async ({ submissionId }: AnalysisPanelProps) => {
]; ];
return ( return (
<PanelLayout>
<ScrollArea className="h-full">
<Card className="w-full max-w-2xl mx-auto shadow-lg rounded-xl overflow-hidden border-0 bg-background/50 backdrop-blur-sm animate-fade-in"> <Card className="w-full max-w-2xl mx-auto shadow-lg rounded-xl overflow-hidden border-0 bg-background/50 backdrop-blur-sm animate-fade-in">
<CardHeader className="items-center pb-2 space-y-1 px-6 pt-6"> <CardHeader className="items-center pb-2 space-y-1 px-6 pt-6">
<CardTitle className="text-2xl font-bold bg-gradient-to-r from-primary to-foreground bg-clip-text text-transparent"> <CardTitle className="text-2xl font-bold bg-gradient-to-r from-primary to-foreground bg-clip-text text-transparent">
@ -109,5 +116,8 @@ export const AnalysisPanel = async ({ submissionId }: AnalysisPanelProps) => {
</div> </div>
</CardFooter> </CardFooter>
</Card> </Card>
<ScrollBar orientation="horizontal" />
</ScrollArea>
</PanelLayout>
); );
}; };