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

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

View File

@ -39,7 +39,7 @@ export default function WorkspaceEditorFooter({
return ( return (
<footer <footer
{...props} {...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"> <div className="w-full flex items-center justify-end">
{position {position

View File

@ -12,7 +12,7 @@ export default function WorkspaceEditorHeader({
return ( return (
<header <header
{...props} {...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="w-full flex items-center">
<div className="flex items-center gap-x-2"> <div className="flex items-center gap-x-2">

View File

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