diff --git a/src/components/HeaderBarebone/index.tsx b/src/components/HeaderBarebone/index.tsx index a0fe2db..d5e3e7e 100644 --- a/src/components/HeaderBarebone/index.tsx +++ b/src/components/HeaderBarebone/index.tsx @@ -44,14 +44,14 @@ const StickyBoxedTitle: React.FC = (props) => { {props.above} - {props.children} - + {props.content} @@ -83,7 +83,6 @@ export class HeaderBarebone extends Component transparentize(0.3, props.theme.main.background)}; - padding: 16px; + padding: 0px 0px 16px 30px; backdrop-filter: blur(14px); width: 100%; + font-size: 16px @media screen and (max-width: 1200px) { max-width: 100%; @@ -183,6 +184,15 @@ export const Title = styled.h1` } ` +export const StickyTitle = styled.h1` + ${title}; + font-size: 20px; + + &.has-content-below { + margin-bottom: 16px; + px; +` + export const SingleTitle = styled(Title)` ${title}; color: #fff;