watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 12:47:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Update header components. Update theme button.

Browse source
This commit is contained in:
Mike Cao 2020-09-20 02:54:38 -07:00
parent aa265d1d42
commit 823fdcbeae
11 changed files with 112 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/common/Button.module.css
View file

@ -57,7 +57,7 @@
}
.light {
background: var(--gray50);
background: transparent;
}
.light:hover {

12
components/common/UserButton.js
View file

@ -4,6 +4,7 @@ import { useSelector } from 'react-redux';
import { useRouter } from 'next/router';
import Menu from './Menu';
import Icon from './Icon';
import Button from './Button';
import useDocumentClick from 'hooks/useDocumentClick';
import User from 'assets/user.svg';
import Chevron from 'assets/chevron-down.svg';
@ -49,10 +50,15 @@ export default function UserButton() {
return (
<div ref={ref} className={styles.container}>
<div className={styles.button} onClick={() => setShowMenu(state => !state)}>
<Icon icon={<User />} size="large" />
<Button
icon={<User />}
className={styles.button}
onClick={() => setShowMenu(state => !state)}
size="large"
variant="light"
>
<Icon icon={<Chevron />} size="small" />
</div>
</Button>
{showMenu && (
<Menu
className={styles.menu}