Skip to content

fix(MenuBar): Updated the MenuBar so its child buttons align with the container’s outer corners.#87

Open
rodrigosdev wants to merge 1 commit intocloudflare:mainfrom
rodrigosdev:fix/menu-bar-radius
Open

fix(MenuBar): Updated the MenuBar so its child buttons align with the container’s outer corners.#87
rodrigosdev wants to merge 1 commit intocloudflare:mainfrom
rodrigosdev:fix/menu-bar-radius

Conversation

@rodrigosdev
Copy link

Updated the MenuBar so its child buttons align with the container’s outer corners.
Previously all buttons used rounded-md (6px) while the container uses rounded-lg (8px), which made the first
and last buttons look cut off.
They now use first:rounded-l-lg last:rounded-r-lg, so:
• First button: left corners match the container’s 8px radius
• Last button: right corners match the container’s 8px radius
• Middle buttons: keep rounded-md on all sides
• Single button: gets rounded-l-lg and rounded-r-lg, effectively matching rounded-lg

fixes #52

@rodrigosdev rodrigosdev changed the title fix(MenuBar): fix(MenuBar): Updated the MenuBar so its child buttons align with the container’s outer corners. Feb 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

MenuBar children have wrong border radius

1 participant