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>
        )