Apply text overflow style for breadcrumb items

2022-01-09 20:11:19 +09:00
parent 2cd449a02f
commit c026988cfa
1 changed files with 9 additions and 1 deletions
@@ -41,7 +41,15 @@ const Breadcrumb = ({ items }: BreadcrumbProps) => {
          >
            <Icon size={0.8} path={mdiChevronRight} />
            <NextLink passHref href={item.href}>
-              <NavLink>{item.label}</NavLink>
+              <NavLink
+                sx={{
+                  overflow: 'hidden',
+                  whiteSpace: 'nowrap',
+                  textOverflow: 'ellipsis',
+                }}
+              >
+                {item.label}
+              </NavLink>
            </NextLink>
          </React.Fragment>
        )