From dd2f4a733bbbc4671883486218f0ff39b85edd8d Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Sun, 9 Mar 2025 15:04:54 +0800
Subject: [PATCH] feat(scroll-area): add horizontal scrollbar to problem
 description page

---
 src/app/(app)/problems/[id]/@problem/@description/page.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/(app)/problems/[id]/@problem/@description/page.tsx b/src/app/(app)/problems/[id]/@problem/@description/page.tsx
index ad06419..acc1f91 100644
--- a/src/app/(app)/problems/[id]/@problem/@description/page.tsx
+++ b/src/app/(app)/problems/[id]/@problem/@description/page.tsx
@@ -1,7 +1,7 @@
 import prisma from "@/lib/prisma";
 import { notFound } from "next/navigation";
-import { ScrollArea } from "@/components/ui/scroll-area";
 import { MdxRenderer } from "@/components/content/mdx-renderer";
+import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 
 interface ProblemPageProps {
   params: Promise<{ id: string }>
@@ -26,6 +26,7 @@ export default async function ProblemPage({
   return (
     <ScrollArea className="[&>[data-radix-scroll-area-viewport]]:max-h-[calc(100vh-130px)]">
       <MdxRenderer source={problem.description} />
+      <ScrollBar orientation="horizontal" />
     </ScrollArea>
   );
 }