www
/
www-new
16
3
Fork 8
Code Issues 58 Pull Requests 47 Projects Releases Wiki Activity

Address CSS issues

This commit is contained in:
Jared He 2021-08-22 13:57:22 -05:00
parent 891b6b29a8
commit 9e8b381064
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pages/events/[year]/[term]/index.tsx
View File

@ -31,7 +31,7 @@ export default function Term(props: Props) {
<div className={styles.main}>
{hasFutureEvents && (
<>
<h2 className={styles.heading2}>Upcoming Events:</h2>
<h2>Upcoming Events:</h2>
<hr />
<div className={styles.miniEventCards}>
{props.futureEvents.map(({ content, metadata }) => (
@ -48,13 +48,13 @@ export default function Term(props: Props) {
)}
{hasFutureEvents && hasPastEvents && (
<>
<h2 className={styles.heading2}>Past Events:</h2>
<h2>Past Events:</h2>
<hr />
</>
)}
{!hasFutureEvents && (
<>
<h2 className={styles.heading2}>
<h2>
Events Archive:
<span className={styles.blue}>
{` ${props.term.charAt(0).toUpperCase()}${props.term.slice(1)} ${

10
pages/events/[year]/[term]/term.module.css
View File

@ -1,13 +1,11 @@
.main {
margin: auto;
margin-top: calc(112rem / 16);
margin-bottom: calc(224rem / 16);
width: calc(800rem / 16);
}
.heading2 {
font-weight: 700;
color: var(--primary-heading);
@media only screen and (max-width: calc(768rem / 16)) {
.main {
margin-top: calc(48rem / 16);
}
}
.blue {