responsive

2026-07-21 15:16:47 +03:30
parent 14d1422970
commit 112aee1cdf
10 changed files with 46 additions and 44 deletions
@@ -5,7 +5,7 @@ import { BREADCRUMB_ITEMS } from "../constants";

 const ProductBreadcrumb: FC = () => {
  return (
-    <nav aria-label="مسیر صفحه" className="flex items-center justify-start gap-2 bg-secondary px-4 py-3 text-sm text-[#3F4D5A] sm:px-8 lg:px-30">
+    <nav aria-label="مسیر صفحه" className="flex items-center justify-start gap-2 overflow-x-auto bg-secondary px-4 py-3 text-sm whitespace-nowrap text-[#3F4D5A] sm:px-8 lg:px-30">
      {BREADCRUMB_ITEMS.map((item, index) => (
        <Fragment key={item.label}>
          {index > 0 && <ArrowLeft2 size={14} color="currentColor" className="shrink-0" />}