Skip to content

Commit 475db80

Browse files
abdoutclaude
andcommitted
fix: remove width-forcing selectors causing ButtonGroup overflow
The *:[div]:w-full *:[div]:max-w-full selector was forcing all nested divs to full width, causing ButtonGroup components to overflow their natural inline-flex layout. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent 1a96237 commit 475db80

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

src/components/root/components/index.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,23 +20,23 @@ import { SpinnerEmpty } from "./spinner-empty"
2020
export function RootComponents() {
2121
return (
2222
<div className="theme-container mx-auto grid gap-8 py-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-6 2xl:gap-8">
23-
<div className="flex flex-col gap-6 *:[div]:w-full *:[div]:max-w-full">
23+
<div className="flex flex-col gap-6">
2424
<FieldDemo />
2525
</div>
26-
<div className="flex flex-col gap-6 *:[div]:w-full *:[div]:max-w-full">
26+
<div className="flex flex-col gap-6">
2727
<EmptyAvatarGroup />
2828
<SpinnerBadge />
2929
<ButtonGroupInputGroup />
3030
<FieldSlider />
3131
<InputGroupDemo />
3232
</div>
33-
<div className="flex flex-col gap-6 *:[div]:w-full *:[div]:max-w-full">
33+
<div className="flex flex-col gap-6">
3434
<InputGroupButtonExample />
3535
<ItemDemo />
3636
<FieldSeparator className="my-4">Appearance Settings</FieldSeparator>
3737
<AppearanceSettings />
3838
</div>
39-
<div className="order-first flex flex-col gap-6 lg:hidden xl:order-last xl:flex *:[div]:w-full *:[div]:max-w-full">
39+
<div className="order-first flex flex-col gap-6 lg:hidden xl:order-last xl:flex">
4040
<NotionPromptForm />
4141
<ButtonGroupDemo />
4242
<FieldCheckbox />

0 commit comments

Comments
 (0)