feat: update breadcrumb component for improved slug display and enhance news detail page layout

2025-02-28 18:55:12 +07:00
parent 2b551aad28
commit 9b13733205
3 changed files with 14 additions and 14 deletions
@@ -7,14 +7,14 @@ type BreadcrumbProperty = {
 export const Breadcrumb = (property: BreadcrumbProperty) => {
  const { slug } = property
  return (
-    <div className="flex items-center gap-2">
+    <div className="mb-5 flex items-center gap-2">
      <Link to={'#'}>Blog</Link>
      <div>{'>'}</div>
      <Link
        to={'#'}
        className="text-ellipsis md:text-clip ..."
      >
-        {slug}
+        {slug.slice(0, 20) + '...'}
      </Link>
    </div>
  )