fix: dashboard header wrap when collection's name too large

This commit is contained in:
Sonny
2024-11-15 18:20:57 +01:00
parent aef2db6071
commit eac0c135d6

View File

@@ -35,7 +35,7 @@ export function DashboardHeader({ navbar, aside }: DashboardHeaderProps) {
const { activeCollection } = useActiveCollection();
return (
<AppShell.Header style={{ display: 'flex', alignItems: 'center' }}>
<Group justify="space-between" px="md" flex={1}>
<Group justify="space-between" px="md" flex={1} wrap="nowrap">
<Group h="100%" wrap="nowrap">
<Burger
opened={navbar.opened}
@@ -57,7 +57,7 @@ export function DashboardHeader({ navbar, aside }: DashboardHeaderProps) {
)}
</Box>
</Group>
<Group>
<Group wrap="nowrap">
<ShareCollection />
<Menu withinPortal shadow="md" width={225}>