Skip to content

Commit 419f403

Browse files
committed
fix: hotfix of breadcrumb styles
1 parent fdbbcc8 commit 419f403

File tree

3 files changed

+27
-11
lines changed

3 files changed

+27
-11
lines changed

components/Common/Breadcrumbs/BreadcrumbItem/index.module.css

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,14 @@
33
items-center
44
gap-5
55
text-sm
6-
font-medium
7-
text-neutral-800
8-
dark:text-neutral-200;
6+
font-medium;
7+
8+
&,
9+
> a,
10+
> a:hover {
11+
@apply text-neutral-800
12+
dark:text-neutral-200;
13+
}
914

1015
&.visuallyHidden {
1116
@apply hidden;
Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,15 @@
1-
.active {
2-
@apply rounded
3-
bg-green-600
4-
px-2
5-
py-1
6-
font-semibold
7-
text-white;
1+
.link {
2+
&.active {
3+
@apply rounded
4+
bg-green-600
5+
px-2
6+
py-1
7+
font-semibold
8+
text-white;
9+
10+
&:hover {
11+
@apply bg-green-700
12+
text-white;
13+
}
14+
}
815
}

components/Common/Breadcrumbs/BreadcrumbLink/index.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,11 @@ const BreadcrumbLink: FC<BreadcrumbLinkProps> = ({
2020
itemProp="item"
2121
itemID={href.toString()}
2222
href={href}
23-
className={classNames({ [styles.active]: active }, props.className)}
23+
className={classNames(
24+
styles.link,
25+
{ [styles.active]: active },
26+
props.className
27+
)}
2428
aria-current={active ? 'page' : undefined}
2529
{...props}
2630
>

0 commit comments

Comments
 (0)