Fix navLink width
This commit is contained in:
parent
f3ad802b42
commit
be636c5085
|
@ -25,6 +25,11 @@
|
||||||
padding: 0.5rem 2rem 0.5rem 0.5rem;
|
padding: 0.5rem 2rem 0.5rem 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navLinkSelected {
|
||||||
|
/* smaller to account for marker width */
|
||||||
|
padding: 0.5rem 1.15rem 0.5rem 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.readAll {
|
.readAll {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
|
@ -87,7 +87,14 @@ const Nav = ({ headings, currentIndex, link: Link }: ChildProps) => {
|
||||||
{index === currentIndex && (
|
{index === currentIndex && (
|
||||||
<span className={styles.selectedMarker} />
|
<span className={styles.selectedMarker} />
|
||||||
)}
|
)}
|
||||||
<Link className={styles.navLink} url={heading.url}>
|
<Link
|
||||||
|
className={
|
||||||
|
styles.navLink +
|
||||||
|
" " +
|
||||||
|
(index === currentIndex ? styles.navLinkSelected : "")
|
||||||
|
}
|
||||||
|
url={heading.url}
|
||||||
|
>
|
||||||
{heading.title}
|
{heading.title}
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue