Clean up shapes on some mobile pages
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Amy 2021-09-07 23:42:35 -04:00
parent f8cde46d6a
commit 6748c24ee8
3 changed files with 13 additions and 2 deletions

View File

@ -64,6 +64,7 @@
.headerContainer { .headerContainer {
flex-direction: column-reverse; flex-direction: column-reverse;
padding-bottom: 1rem; padding-bottom: 1rem;
margin-top: calc(30rem / 16);
} }
.nav { .nav {

View File

@ -5,6 +5,11 @@ import { MDXRemote } from "next-mdx-remote";
import React from "react"; import React from "react";
import { EventCard } from "@/components/EventCard"; import { EventCard } from "@/components/EventCard";
import {
ShapesConfig,
defaultGetShapesConfig,
GetShapesConfig,
} from "@/components/ShapesBackground";
import { Title } from "@/components/Title"; import { Title } from "@/components/Title";
import { import {
Event, Event,
@ -30,6 +35,12 @@ export default function EventInfoPage({ year, term, event }: Props) {
); );
} }
EventInfoPage.getShapesConfig = ((width, height) => {
return window.innerWidth <= 768
? ({} as ShapesConfig)
: defaultGetShapesConfig(width, height);
}) as GetShapesConfig;
interface Props { interface Props {
year: string; year: string;
term: string; term: string;

View File

@ -36,8 +36,7 @@
@media only screen and (max-width: calc(768rem / 16)) { @media only screen and (max-width: calc(768rem / 16)) {
.page { .page {
margin-top: 0; margin: calc(30rem / 16) 0;
margin-bottom: calc(20rem / 16);
} }
.headerContainer { .headerContainer {