CodeSandBox/judge4c
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(playground): add bg-muted class to ScrollArea for better visibility

Browse Source
This commit is contained in:
cfngc4594 2025-02-23 20:42:57 +08:00
parent 22bda1f730
commit 21cb011980
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(app)/playground/@description/layout.tsx
View File

@ -9,7 +9,7 @@ interface DescriptionLayoutProps {
export default function DescriptionLayout({ children }: DescriptionLayoutProps) { export default function DescriptionLayout({ children }: DescriptionLayoutProps) {
return ( return (
<Tabs defaultValue="description"> <Tabs defaultValue="description">
<ScrollArea className="h-11 flex items-center pt-1 px-1"> <ScrollArea className="h-11 flex items-center pt-1 px-1 bg-muted">
<TabsList className="gap-1 bg-transparent"> <TabsList className="gap-1 bg-transparent">
<TabsTrigger <TabsTrigger
value="description" value="description"

2
src/app/(app)/playground/@workspace/layout.tsx
View File

@ -9,7 +9,7 @@ interface WorkspaceLayoutProps {
export default function WorkspaceLayout({ children }: WorkspaceLayoutProps) { export default function WorkspaceLayout({ children }: WorkspaceLayoutProps) {
return ( return (
<Tabs defaultValue="code"> <Tabs defaultValue="code">
<ScrollArea className="h-11 flex items-center pt-1 px-1"> <ScrollArea className="h-11 flex items-center pt-1 px-1 bg-muted">
<TabsList className="gap-1 bg-transparent"> <TabsList className="gap-1 bg-transparent">
<TabsTrigger <TabsTrigger
value="code" value="code"

2
src/app/(app)/playground/layout.tsx
View File

@ -14,7 +14,7 @@ export default function PlaygroundLayout({
workspace, workspace,
}: PlaygroundLayoutProps) { }: PlaygroundLayoutProps) {
return ( return (
<ResizablePanelGroup direction="horizontal" className="p-2.5"> <ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0">
<ResizablePanel defaultSize={50} className="border border-muted rounded-2xl"> <ResizablePanel defaultSize={50} className="border border-muted rounded-2xl">
{description} {description}
</ResizablePanel> </ResizablePanel>

2
src/components/banner.tsx
View File

@ -17,7 +17,7 @@ export function Banner({
return ( return (
<header <header
{...props} {...props}
className={cn("h-12 flex items-center justify-center bg-muted text-foreground", className)} className={cn("h-12 flex items-center justify-center text-foreground", className)}
> >
<p className="flex justify-center text-sm"> <p className="flex justify-center text-sm">
<a href={link} className="group"> <a href={link} className="group">