mirror of
https://github.com/GitbookIO/gitbook.git
synced 2026-09-23 11:03:39 +00:00
Fix off-center icon in breadcrumb (RND-12092)
The breadcrumb crumb is laid out inline, so the icon rendered next to the label defaulted to vertical-align: baseline and its square box sat on the text baseline, appearing shifted up. Align it to the middle of the text, matching how inline icons/images are aligned elsewhere. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01QSEiRkE1nPdYDJjWwZBmys
This commit is contained in:
@@ -47,7 +47,10 @@ export function BreadcrumbItemDropdown(props: {
|
||||
const content = (
|
||||
<>
|
||||
{emoji || icon ? (
|
||||
<PageIcon page={{ emoji, icon }} style="mr-1 inline size-[1em] shrink-0" />
|
||||
<PageIcon
|
||||
page={{ emoji, icon }}
|
||||
style="mr-1 inline size-[1em] shrink-0 align-middle"
|
||||
/>
|
||||
) : null}
|
||||
{label}
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user