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);
}
.left {
.right {
transform: rotate(180deg);
}

12
components/BottomNav.tsx
View File

@ -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"