dev #15
@@ -14,7 +14,7 @@ interface BreadcrumbProps {
|
|||||||
|
|
||||||
export function Breadcrumb({ items }: BreadcrumbProps) {
|
export function Breadcrumb({ items }: BreadcrumbProps) {
|
||||||
return (
|
return (
|
||||||
<nav aria-label="breadcrumb" className="flex items-center gap-2 text-xs md:text-sm text-[#5C5C5C] py-3 md:py-4">
|
<nav aria-label="breadcrumb" className="flex items-baseline gap-2 text-xs md:text-sm text-[#5C5C5C] py-3 md:py-4 leading-none">
|
||||||
<StaticLink
|
<StaticLink
|
||||||
href="/"
|
href="/"
|
||||||
className="inline-flex items-center hover:text-[#C41E3A] transition-colors"
|
className="inline-flex items-center hover:text-[#C41E3A] transition-colors"
|
||||||
@@ -23,7 +23,7 @@ export function Breadcrumb({ items }: BreadcrumbProps) {
|
|||||||
<Home className="w-4 h-4" />
|
<Home className="w-4 h-4" />
|
||||||
</StaticLink>
|
</StaticLink>
|
||||||
{items.map((item, index) => (
|
{items.map((item, index) => (
|
||||||
<div key={index} className="flex items-center">
|
<div key={index} className="flex items-baseline">
|
||||||
<ChevronRight className="w-3.5 h-3.5 text-[#CCCCCC] mx-1" />
|
<ChevronRight className="w-3.5 h-3.5 text-[#CCCCCC] mx-1" />
|
||||||
<StaticLink
|
<StaticLink
|
||||||
href={item.href}
|
href={item.href}
|
||||||
|
|||||||
Reference in New Issue
Block a user