mirror of
https://github.com/umami-software/umami.git
synced 2026-02-07 22:27:16 +01:00
Mobile css updates.
This commit is contained in:
parent
cdd7273194
commit
5f821461c2
7 changed files with 15 additions and 15 deletions
|
|
@ -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 }) => (
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue