From ca2d663533cdaea0937f1b0a750c20d465cc9e51 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Wed, 12 Mar 2025 08:23:24 +0800
Subject: [PATCH] feat(playground): add min size constraints for resizable
 panels

---
 src/app/(app)/problems/[id]/layout.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/(app)/problems/[id]/layout.tsx b/src/app/(app)/problems/[id]/layout.tsx
index a38e070..eec2f69 100644
--- a/src/app/(app)/problems/[id]/layout.tsx
+++ b/src/app/(app)/problems/[id]/layout.tsx
@@ -17,17 +17,17 @@ export default function PlaygroundLayout({
       <PlaygroundHeader />
       <main className="flex flex-grow overflow-y-hidden p-2.5 pt-0">
         <ResizablePanelGroup direction="horizontal" className="relative h-full flex">
-          <ResizablePanel defaultSize={50} className="border border-muted rounded-xl">
+          <ResizablePanel defaultSize={50} className="border border-muted rounded-xl min-w-9">
             {problem}
           </ResizablePanel>
           <ResizableHandle className="mx-1 bg-transparent hover:bg-blue-500" />
-          <ResizablePanel defaultSize={50}>
+          <ResizablePanel defaultSize={50} className="min-w-9">
             <ResizablePanelGroup direction="vertical">
-              <ResizablePanel defaultSize={50} className="border border-muted rounded-xl">
+              <ResizablePanel defaultSize={50} className="border border-muted rounded-xl min-h-9">
                 {workspace}
               </ResizablePanel>
               <ResizableHandle className="my-1 bg-transparent hover:bg-blue-500" />
-              <ResizablePanel defaultSize={50} className="border border-muted rounded-xl">
+              <ResizablePanel defaultSize={50} className="border border-muted rounded-xl min-h-9">
                 {terminal}
               </ResizablePanel>
             </ResizablePanelGroup>