www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Address CSS issues
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Jared He 2021-08-22 13:46:23 -05:00
parent 733af0a28a
commit ff8f52e44d
2 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/events/[year]/index.tsx
View File

@ -16,17 +16,19 @@ interface Props {
export default function Year(props: Props) { export default function Year(props: Props) {
return ( return (
<div className={styles.main}> <div className={styles.main}>
<h2 className={styles.heading2}> <h2>
Events Archive:<span className={styles.blue}>{` ${props.year}`}</span> Events Archive:<span className={styles.blue}>{` ${props.year}`}</span>
</h2> </h2>
<hr /> <hr />
<div className={styles.links}> <ul className={styles.list}>
{props.terms.map((term) => ( {props.terms.map((term) => (
<Link key={term} href={`/events/${props.year}/${term}`}> <li key={`${props.year}-${term}`}>
<Link href={`/events/${props.year}/${term}`}>
{`${term.charAt(0).toUpperCase()}${term.slice(1)}`} {`${term.charAt(0).toUpperCase()}${term.slice(1)}`}
</Link> </Link>
</li>
))} ))}
</div> </ul>
</div> </div>
); );
} }

22
pages/events/[year]/year.module.css
View File

@ -1,26 +1,22 @@
.main { .main {
margin: auto;
margin-top: calc(112rem / 16); margin-top: calc(112rem / 16);
margin-bottom: calc(224rem / 16);
width: calc(800rem / 16);
} }
.heading2 { @media only screen and (max-width: calc(768rem / 16)) {
font-weight: 700; .main {
color: var(--primary-heading); margin-top: calc(48rem / 16);
}
} }
.blue { .blue {
color: var(--primary-accent) color: var(--primary-accent)
} }
.links { .list {
display: flex; list-style: none;
flex-direction: column; padding: 0;
} }
.links > * { .list > li {
font-weight: 400; line-height: 3;
font-size: 16px;
margin-top: calc(30rem/16);
} }