diff --git a/components/events/views/event.module.css b/components/events/views/event.module.css deleted file mode 100644 index 4bb05ac..0000000 --- a/components/events/views/event.module.css +++ /dev/null @@ -1,47 +0,0 @@ -.viewEvent { - display: grid; - grid-template-areas: - "x1 ti ti ti x4" - "x1 x2 po x3 x4" - "x1 x2 de x3 x4" - "x1 x2 dr x3 x4" - "xx xx xx xx xx" - ; - grid-template-columns: 1fr 80px 640px 80px 1fr; - grid-template-rows: auto auto auto auto 1fr; - - row-gap: 4px; - - margin: 0 auto; -} - -@media (max-width: 800px) { - .viewEvent { - grid-template-areas: - "ti" - "po" - "de" - "dr" - "xx" - ; - grid-template-columns: 1fr; - grid-template-rows: auto auto auto auto 1fr; - } -} - -.viewEventTitle { - grid-area: ti; - text-align: center; -} - -.viewEventPostcard { - grid-area: po; -} - -.viewEventDescription { - grid-area: de; -} - -.viewEventDaterange { - grid-area: dr; -} \ No newline at end of file diff --git a/components/events/views/event.tsx b/components/events/views/event.tsx deleted file mode 100644 index d3e6532..0000000 --- a/components/events/views/event.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { ReactNode } from "react" -import style from "./event.module.css" - - -export type ViewEventProps = { - title: ReactNode, - postcard: ReactNode, - description: ReactNode, - daterange: ReactNode, -} - - -/** - * View intended for use in the event details page. - */ -export const ViewEvent = (props: ViewEventProps) => { - return ( -
-

- {props.title} -

-
- {props.postcard} -
-
- {props.description} -
-
- {props.daterange} -
-
- ) -} \ No newline at end of file