Fixed arrow naming
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
c5e9b7f159
commit
4c977ad65d
|
@ -59,7 +59,7 @@
|
|||
fill: var(--primary-text);
|
||||
}
|
||||
|
||||
.left {
|
||||
.right {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
|
|
|
@ -24,12 +24,12 @@ export function BottomNav(props: PagesInfo) {
|
|||
</Link>
|
||||
</div>
|
||||
<div className={styles.subBox}>
|
||||
<Link href={props.leftPageLink}>
|
||||
<Link href={props.rightPageLink}>
|
||||
<a className={styles.item}>{props.rightPageName}</a>
|
||||
</Link>
|
||||
<Link href={props.leftPageLink}>
|
||||
<Link href={props.rightPageLink}>
|
||||
<a>
|
||||
<Arrow isPointingLeft />
|
||||
<Arrow isPointingRight />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
|
@ -38,12 +38,12 @@ export function BottomNav(props: PagesInfo) {
|
|||
}
|
||||
|
||||
interface ArrowProps {
|
||||
isPointingLeft?: boolean;
|
||||
isPointingRight?: boolean;
|
||||
}
|
||||
|
||||
function Arrow({ isPointingLeft }: ArrowProps) {
|
||||
function Arrow({ isPointingRight }: ArrowProps) {
|
||||
return (
|
||||
<svg className={(isPointingLeft ? styles.left : "") + " " + styles.arrow}>
|
||||
<svg className={(isPointingRight ? styles.right : "") + " " + styles.arrow}>
|
||||
<defs>
|
||||
<marker
|
||||
id="arrow"
|
||||
|
|
Loading…
Reference in New Issue