From 22bda1f730d2b074e33ded7c9a72b229b186022a Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Sun, 23 Feb 2025 20:37:04 +0800
Subject: [PATCH] fix(playground): add border-muted class to TabsContent for
 better visibility

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

diff --git a/src/app/(app)/playground/@description/layout.tsx b/src/app/(app)/playground/@description/layout.tsx
index d5f836b..9e9ec02 100644
--- a/src/app/(app)/playground/@description/layout.tsx
+++ b/src/app/(app)/playground/@description/layout.tsx
@@ -25,7 +25,7 @@ export default function DescriptionLayout({ children }: DescriptionLayoutProps)
         </TabsList>
         <ScrollBar orientation="horizontal" />
       </ScrollArea>
-      <TabsContent value="description" className="mt-0 border-t">
+      <TabsContent value="description" className="mt-0 border-t border-muted">
         {children}
       </TabsContent>
     </Tabs>
diff --git a/src/app/(app)/playground/@workspace/layout.tsx b/src/app/(app)/playground/@workspace/layout.tsx
index 9fc5d0f..7c2e477 100644
--- a/src/app/(app)/playground/@workspace/layout.tsx
+++ b/src/app/(app)/playground/@workspace/layout.tsx
@@ -25,7 +25,7 @@ export default function WorkspaceLayout({ children }: WorkspaceLayoutProps) {
         </TabsList>
         <ScrollBar orientation="horizontal" />
       </ScrollArea>
-      <TabsContent value="code" className="mt-0 border-t">
+      <TabsContent value="code" className="mt-0 border-t border-muted">
         {children}
       </TabsContent>
     </Tabs>