Skip to content

Commit 56e0e10

Browse files
fix(sidebar): prevent overflow in SidebarSeparator with horizontal orientation
Updated SidebarSeparator component to use `data-[orientation=horizontal]:w-auto` instead of `w-auto` to prevent overflow issues caused by underlying Separator classes. The change makes the width override more specific, only applying to horizontal separators, which prevents conflicts with other Separator styling. This change is applied to apps/v4 (apps/www is deprecated).
1 parent c9311f2 commit 56e0e10

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

apps/v4/registry/new-york-v4/ui/sidebar.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -362,7 +362,10 @@ function SidebarSeparator({
362362
<Separator
363363
data-slot="sidebar-separator"
364364
data-sidebar="separator"
365-
className={cn("bg-sidebar-border mx-2 w-auto", className)}
365+
className={cn(
366+
"bg-sidebar-border mx-2 data-[orientation=horizontal]:w-auto",
367+
className
368+
)}
366369
{...props}
367370
/>
368371
)

0 commit comments

Comments
 (0)