Clean up shapes on some mobile pages
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
f8cde46d6a
commit
6748c24ee8
|
@ -64,6 +64,7 @@
|
|||
.headerContainer {
|
||||
flex-direction: column-reverse;
|
||||
padding-bottom: 1rem;
|
||||
margin-top: calc(30rem / 16);
|
||||
}
|
||||
|
||||
.nav {
|
||||
|
|
|
@ -5,6 +5,11 @@ import { MDXRemote } from "next-mdx-remote";
|
|||
import React from "react";
|
||||
|
||||
import { EventCard } from "@/components/EventCard";
|
||||
import {
|
||||
ShapesConfig,
|
||||
defaultGetShapesConfig,
|
||||
GetShapesConfig,
|
||||
} from "@/components/ShapesBackground";
|
||||
import { Title } from "@/components/Title";
|
||||
import {
|
||||
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 {
|
||||
year: string;
|
||||
term: string;
|
||||
|
|
|
@ -36,8 +36,7 @@
|
|||
|
||||
@media only screen and (max-width: calc(768rem / 16)) {
|
||||
.page {
|
||||
margin-top: 0;
|
||||
margin-bottom: calc(20rem / 16);
|
||||
margin: calc(30rem / 16) 0;
|
||||
}
|
||||
|
||||
.headerContainer {
|
||||
|
|
Loading…
Reference in New Issue