Truncate book title in breadcrumbs (#67)

kitcc-org · Dec 16, 2024 · 483bdbe · 483bdbe
1 parent 2f86ad6
commit 483bdbe
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/frontend/app/components/common/breadcrumbs/BreadCrumbsComponent.tsx b/frontend/app/components/common/breadcrumbs/BreadCrumbsComponent.tsx
@@ -1,4 +1,4 @@
-import { Anchor, Breadcrumbs, Group } from '@mantine/core';
+import { Anchor, Breadcrumbs, Group, Text } from '@mantine/core';
 import React from 'react';
 
 interface AnchorProps {
@@ -18,7 +18,9 @@ const BreadCrumbsComponent = ({ anchors }: BreadCrumbsComponentProps) => {
 				<Anchor href={item.href} key={index}>
 					<Group gap="xs">
 						{item.icon}
-						{item.title}
+						<Text span truncate="end">
+							{item.title}
+						</Text>
 					</Group>
 				</Anchor>
 			))}