From bfb60aba6c634562fcbb64b8105d6da98a58de17 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Mon, 24 Feb 2025 12:32:03 +0800
Subject: [PATCH] fix(layout): adjust height and flex properties for improved
 layout responsiveness

---
 src/app/(app)/layout.tsx                         | 4 ++--
 src/app/(app)/playground/@description/layout.tsx | 6 +++---
 src/app/(app)/playground/@workspace/layout.tsx   | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
index fa7f7a0..ed92a0c 100644
--- a/src/app/(app)/layout.tsx
+++ b/src/app/(app)/layout.tsx
@@ -6,9 +6,9 @@ interface AppLayoutProps {
 
 export default function AppLayout({ children }: AppLayoutProps) {
   return (
-    <div className="h-screen flex flex-col">
+    <div className="h-full flex flex-col">
       <Banner />
-      <main className="flex flex-1 min-h-0">
+      <main className="flex-1">
         {children}
       </main>
     </div>
diff --git a/src/app/(app)/playground/@description/layout.tsx b/src/app/(app)/playground/@description/layout.tsx
index beabf91..f32155f 100644
--- a/src/app/(app)/playground/@description/layout.tsx
+++ b/src/app/(app)/playground/@description/layout.tsx
@@ -8,8 +8,8 @@ interface DescriptionLayoutProps {
 
 export default function DescriptionLayout({ children }: DescriptionLayoutProps) {
   return (
-    <Tabs defaultValue="description">
-      <ScrollArea className="h-11 flex items-center pt-1 px-1 bg-muted">
+    <Tabs defaultValue="description" className="h-full flex flex-col">
+      <ScrollArea className="h-9 flex-none bg-muted">
         <TabsList className="gap-1 bg-transparent">
           <TabsTrigger
             value="description"
@@ -25,7 +25,7 @@ export default function DescriptionLayout({ children }: DescriptionLayoutProps)
         </TabsList>
         <ScrollBar orientation="horizontal" />
       </ScrollArea>
-      <TabsContent value="description" className="mt-0 border-t border-muted">
+      <TabsContent value="description" className="grow mt-0">
         {children}
       </TabsContent>
     </Tabs>
diff --git a/src/app/(app)/playground/@workspace/layout.tsx b/src/app/(app)/playground/@workspace/layout.tsx
index 761b844..7d6c024 100644
--- a/src/app/(app)/playground/@workspace/layout.tsx
+++ b/src/app/(app)/playground/@workspace/layout.tsx
@@ -8,8 +8,8 @@ interface WorkspaceLayoutProps {
 
 export default function WorkspaceLayout({ children }: WorkspaceLayoutProps) {
   return (
-    <Tabs defaultValue="code">
-      <ScrollArea className="h-11 flex items-center pt-1 px-1 bg-muted">
+    <Tabs defaultValue="code" className="h-full flex flex-col">
+      <ScrollArea className="h-9 flex-none bg-muted">
         <TabsList className="gap-1 bg-transparent">
           <TabsTrigger
             value="code"
@@ -25,7 +25,7 @@ export default function WorkspaceLayout({ children }: WorkspaceLayoutProps) {
         </TabsList>
         <ScrollBar orientation="horizontal" />
       </ScrollArea>
-      <TabsContent value="code" className="mt-0 border-t border-muted">
+      <TabsContent value="code" className="grow mt-0">
         {children}
       </TabsContent>
     </Tabs>