www
/
cs-2022-class-profile
16
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity

Fixed arrow naming
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Shahan Nedadahandeh 2022-10-05 17:02:06 -04:00
parent c5e9b7f159
commit 4c977ad65d
Signed by: snedadah
GPG Key ID: 8638C7F917385B01
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/BottomNav.module.css
View File

@ -59,7 +59,7 @@
fill: var(--primary-text); fill: var(--primary-text);
} }
.left { .right {
transform: rotate(180deg); transform: rotate(180deg);
} }

12
components/BottomNav.tsx
View File

@ -24,12 +24,12 @@ export function BottomNav(props: PagesInfo) {
</Link> </Link>
</div> </div>
<div className={styles.subBox}> <div className={styles.subBox}>
<Link href={props.leftPageLink}> <Link href={props.rightPageLink}>
<a className={styles.item}>{props.rightPageName}</a> <a className={styles.item}>{props.rightPageName}</a>
</Link> </Link>
<Link href={props.leftPageLink}> <Link href={props.rightPageLink}>
<a> <a>
<Arrow isPointingLeft /> <Arrow isPointingRight />
</a> </a>
</Link> </Link>
</div> </div>
@ -38,12 +38,12 @@ export function BottomNav(props: PagesInfo) {
} }
interface ArrowProps { interface ArrowProps {
isPointingLeft?: boolean; isPointingRight?: boolean;
} }
function Arrow({ isPointingLeft }: ArrowProps) { function Arrow({ isPointingRight }: ArrowProps) {
return ( return (
<svg className={(isPointingLeft ? styles.left : "") + " " + styles.arrow}> <svg className={(isPointingRight ? styles.right : "") + " " + styles.arrow}>
<defs> <defs>
<marker <marker
id="arrow" id="arrow"