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

fix(editor): update className to prevent flex item shrinkage in footer and header components

Browse Source
This commit is contained in:
cfngc4594 2025-02-26 09:51:20 +08:00
parent e8778df846
commit ee37b78c20
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(app)/playground/@workspace/@editor/components/footer.tsx
View File

@ -39,7 +39,7 @@ export default function WorkspaceEditorFooter({
return (
<footer
{...props}
className={cn("h-9 flex items-center bg-muted px-3 py-2", className)}
className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)}
>
<div className="w-full flex items-center justify-end">
{position

2
src/app/(app)/playground/@workspace/@editor/components/header.tsx
View File

@ -12,7 +12,7 @@ export default function WorkspaceEditorHeader({
return (
<header
{...props}
className={cn("h-8 flex items-center p-1 border-b", className)}
className={cn("h-8 flex flex-none items-center px-2 border-b", className)}
>
<div className="w-full flex items-center">
<div className="flex items-center gap-x-2">

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

@ -25,7 +25,7 @@ export default function WorkspaceLayout({ editor }: WorkspaceLayoutProps) {
</TabsList>
<ScrollBar orientation="horizontal" />
</ScrollArea>
<TabsContent value="editor" className="grow mt-0">
<TabsContent value="editor" className="flex-1 mt-0">
{editor}
</TabsContent>
</Tabs>