fix max width in sidebar

This commit is contained in:
Abhimanyu Yadav
2025-05-20 17:01:03 +05:30
parent 32231ff80f
commit 2a06956802
2 changed files with 3 additions and 2 deletions

View File

@@ -20,7 +20,7 @@ const MenuItem: React.FC<Props> = ({
return (
<Button
className={cn(
"flex h-[2.375rem] w-full min-w-[12.875rem] justify-between whitespace-normal rounded-[0.5rem] bg-transparent p-2 pl-3 shadow-none hover:cursor-pointer hover:bg-transparent focus:ring-0",
"flex h-[2.375rem] w-[12.875rem] justify-between whitespace-normal rounded-[0.5rem] bg-transparent p-2 pl-3 shadow-none hover:cursor-pointer hover:bg-transparent focus:ring-0",
selected && "bg-zinc-100 hover:bg-zinc-100",
className,
)}

View File

@@ -60,7 +60,7 @@ const BlockMenuSidebar: React.FC = ({}) => {
];
return (
<div className="space-y-2 px-4 pt-4">
<div className="w-fit space-y-2 px-4 pt-4">
{topLevelMenuItems.map((item) => (
<MenuItem
key={item.type}
@@ -76,6 +76,7 @@ const BlockMenuSidebar: React.FC = ({}) => {
key={item.type}
name={item.name}
number={item.number}
className="max-w-[11.5339rem]"
selected={defaultState === item.type}
onClick={() => setDefaultState(item.type as DefaultStateType)}
/>