watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-09 15:17:23 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Update date filter buttons.

Browse source
This commit is contained in:
Mike Cao 2023-08-25 16:05:02 -07:00
parent 4fd3a66f07
commit 080eb34d57
8 changed files with 43 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/metrics/FilterTags.js
View file

@ -1,8 +1,8 @@
import { safeDecodeURI } from 'next-basics';
import { Button, Icon, Icons, Text } from 'react-basics';
import usePageQuery from 'components/hooks/usePageQuery';
import styles from './FilterTags.module.css';
import useMessages from 'components/hooks/useMessages';
import styles from './FilterTags.module.css';
export function FilterTags({ params }) {
const { formatMessage, labels } = useMessages();
@ -26,6 +26,7 @@ export function FilterTags({ params }) {
return (
<div className={styles.filters}>
<div className={styles.label}>{formatMessage(labels.filters)}</div>
{Object.keys(params).map(key => {
if (!params[key]) {
return null;

12
src/components/metrics/FilterTags.module.css
View file

@ -4,19 +4,23 @@
gap: 10px;
}
.label {
font-weight: 700;
}
.tag {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-size: var(--font-size-sm);
border: 1px solid var(--base600);
border: 1px solid var(--blue400);
border-radius: var(--border-radius);
line-height: 30px;
padding: 0 8px;
padding: 8px 16px;
cursor: pointer;
background: var(--blue100);
}
.tag:hover {
background: var(--base75);
background: var(--blue200);
}