Mobile css updates.

This commit is contained in:
Mike Cao 2022-03-11 16:04:05 -08:00
parent cdd7273194
commit 5f821461c2
7 changed files with 15 additions and 15 deletions

View file

@ -1,3 +1,4 @@
import classNames from 'classnames';
import Link from './Link';
import Button from './Button';
import XMark from 'assets/xmark.svg';
@ -5,9 +6,9 @@ import styles from './MobileMenu.module.css';
export default function MobileMenu({ items = [], onClose }) {
return (
<div className={styles.menu}>
<div className={classNames(styles.menu, 'container')}>
<div className={styles.header}>
<Button className={styles.button} icon={<XMark />} onClick={onClose} />
<Button icon={<XMark />} onClick={onClose} />
</div>
<div className={styles.items}>
{items.map(({ label, value }) => (

View file

@ -32,13 +32,10 @@
margin-top: 60px;
}
.button {
margin-right: 15px;
}
.header {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100px;
padding: 0 30px;
}