diff --git a/src/components/@shared/atoms/Badge.jsx b/src/components/@shared/atoms/Badge.jsx index 290983b5..d9dc1843 100644 --- a/src/components/@shared/atoms/Badge.jsx +++ b/src/components/@shared/atoms/Badge.jsx @@ -2,10 +2,15 @@ import React from 'react' import styles from './Badge.module.scss' import PropTypes from 'prop-types' -export default function Badge({ label }) { - return {label} +export default function Badge({ label, size }) { + return ( + + {label} + + ) } Badge.propTypes = { - label: PropTypes.string + label: PropTypes.string, + size: PropTypes.string } diff --git a/src/components/Header.jsx b/src/components/Header.jsx index 5b6cdb30..c992cc3f 100755 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -5,6 +5,7 @@ import styles from './Header.module.scss' import SearchButton from './Search/SearchButton' import ToggleSwitch from './ToggleSwitch' import Badge from './@shared/atoms/Badge' +import { fontSizeMini } from '../styles/_variables.scss' const query = graphql` query { @@ -40,7 +41,7 @@ const Header = () => (

{siteTitle} - +