Commit 955be181 authored by David Rhoderick's avatar David Rhoderick
Browse files

Fixing hours section headings display.

parent 9fa02cca
import React from "react";
import { connect, styled } from "frontity";
import Image from "@frontity/components/image";
import Container from "../global/container.js";
......@@ -9,11 +8,12 @@ const Hours = ({ hours, state, libraries }) => {
return (
<HoursSection theme={state.theme}>
<h2>Open Hours</h2>
<PropertyRow theme={state.theme}>
{hours.map(({ property, hours }, index) => {
return (
<PropertyColumn key={index} theme={state.theme}>
<h2>{property}</h2>
<h3>{property}</h3>
<Html2React html={hours} />
</PropertyColumn>
);
......@@ -29,19 +29,16 @@ const HoursSection = styled.section`
position: relative;
background: white;
z-index: 100;
padding: 1rem;
h2 {
display: none;
text-transform: initial;
text-align: center;
}
${(props) => props.theme.breakPoints.md} {
text-align: center;
padding-top: 2rem;
h2 {
display: block;
text-transform: capitalize;
}
}
`;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment