www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 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}> <div className={styles.main}>
{hasFutureEvents && ( {hasFutureEvents && (
<> <>
<h2 className={styles.heading2}>Upcoming Events:</h2> <h2>Upcoming Events:</h2>
<hr /> <hr />
<div className={styles.miniEventCards}> <div className={styles.miniEventCards}>
{props.futureEvents.map(({ content, metadata }) => ( {props.futureEvents.map(({ content, metadata }) => (
@ -48,13 +48,13 @@ export default function Term(props: Props) {
)} )}
{hasFutureEvents && hasPastEvents && ( {hasFutureEvents && hasPastEvents && (
<> <>
<h2 className={styles.heading2}>Past Events:</h2> <h2>Past Events:</h2>
<hr /> <hr />
</> </>
)} )}
{!hasFutureEvents && ( {!hasFutureEvents && (
<> <>
<h2 className={styles.heading2}> <h2>
Events Archive: Events Archive:
<span className={styles.blue}> <span className={styles.blue}>
{` ${props.term.charAt(0).toUpperCase()}${props.term.slice(1)} ${ {` ${props.term.charAt(0).toUpperCase()}${props.term.slice(1)} ${

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

@ -1,13 +1,11 @@
.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 {