Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 07:16:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(layout): adjust height and flex properties for improved layout responsiveness

Browse Source
This commit is contained in:
cfngc4594 2025-02-24 12:32:03 +08:00
parent 3b89e5de0e
commit bfb60aba6c
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/(app)/layout.tsx
View File

@ -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>

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

@ -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>

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

@ -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>