fix: fav reference style issue (#2476)

This commit is contained in:
Peng Xiao
2023-05-22 12:01:03 +08:00
committed by GitHub
parent c08f6fdba4
commit 752bc9ca0e
2 changed files with 19 additions and 11 deletions
@@ -59,17 +59,19 @@ function FavoriteMenuItem({
</MenuLinkItem> </MenuLinkItem>
{collapsible && ( {collapsible && (
<Collapsible.Content className={styles.collapsibleContent}> <Collapsible.Content className={styles.collapsibleContent}>
{referencesToShow.map(ref => { <div className={styles.collapsibleContentInner}>
return ( {referencesToShow.map(ref => {
<FavoriteMenuItem return (
key={ref} <FavoriteMenuItem
workspace={workspace} key={ref}
pageId={ref} workspace={workspace}
metaMapping={metaMapping} pageId={ref}
parentIds={new Set([...parentIds, pageId])} metaMapping={metaMapping}
/> parentIds={new Set([...parentIds, pageId])}
); />
})} );
})}
</div>
</Collapsible.Content> </Collapsible.Content>
)} )}
</Collapsible.Root> </Collapsible.Root>
@@ -49,3 +49,9 @@ export const collapsibleContent = style({
}, },
}, },
}); });
export const collapsibleContentInner = style({
display: 'flex',
flexDirection: 'column',
gap: '4px',
});