jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): fix breadcrumbs chevron icon

Browse source
This commit is contained in:
sylenien 2022-06-28 11:19:12 +02:00
parent e5a73ada4f
commit 773bfc7995
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/app/components/shared/Breadcrumb/Breadcrumb.tsx
View file

@ -16,8 +16,11 @@ function Breadcrumb(props: Props) {
);
}
return (
<div key={index} className="color-gray-darkest hover:color-teal flex items-center">
<Link to={item.to} className="capitalize-first">{item.label}</Link>
<div key={index} className="color-gray-darkest hover:color-teal group flex items-center">
<Link to={item.to} className="capitalize-first flex items-center">
{index === 0 && <Icon name="chevron-left" size={16} className="mr-1 group-hover:fill-teal" />}
{item.label}
</Link>
<span className="mx-2">/</span>
</div>
);
@ -26,4 +29,4 @@ function Breadcrumb(props: Props) {
);
}
export default Breadcrumb;
export default Breadcrumb;