Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-10 07:25:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Sonny
2024-11-15 18:20:57 +01:00
parent aef2db6071
commit eac0c135d6
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
inertia/components/dashboard/dashboard_header.tsx
View File

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