made breadcrumbs responsive

This commit is contained in:
SwiftyOS
2024-10-15 09:49:58 +02:00
parent 02463a5cb2
commit 7dedcaddb6

View File

@@ -12,7 +12,7 @@ interface BreadCrumbsProps {
export const BreadCrumbs: React.FC<BreadCrumbsProps> = ({ items }) => {
return (
<div className="inline-flex h-[4.375rem] items-center justify-center gap-4 rounded-[5rem] border border-black/50 bg-white px-[1.625rem] py-[0.4375rem]">
<div className="flex flex-wrap h-auto min-h-[4.375rem] items-center justify-center gap-4 rounded-[5rem] bg-white px-[1.625rem] py-[0.4375rem]">
{items.map((item, index) => (
<React.Fragment key={index}>
<Link href={item.link}>