watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-11 08:07:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Updated filter tags.

Browse source
This commit is contained in:
Mike Cao 2023-03-10 17:49:19 -08:00
parent fd83b63a30
commit 6ba00152c2
4 changed files with 30 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

16
components/metrics/FilterTags.js
View file

@ -32,15 +32,13 @@ export default function FilterTags({ websiteId, params, onClick }) {
return null;
}
return (
<div key={key} className={styles.tag}>
<Button onClick={() => handleCloseFilter(key)} variant="primary" size="sm">
<Text>
<b>{`${key}`}</b> — {`${safeDecodeURI(params[key])}`}
</Text>
<Icon>
<Icons.Close />
</Icon>
</Button>
<div key={key} className={styles.tag} onClick={() => handleCloseFilter(key)}>
<Text>
<b>{`${key}`}</b> = {`${safeDecodeURI(params[key])}`}
</Text>
<Icon>
<Icons.Close />
</Icon>
</div>
);
})}

21
components/metrics/FilterTags.module.css
View file

@ -1,11 +1,22 @@
.filters {
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-items: center;
gap: 10px;
}
.tag {
text-align: center;
margin-bottom: 10px;
margin-right: 20px;
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-size: var(--font-size-sm);
border: 1px solid var(--base600);
border-radius: var(--border-radius);
line-height: 30px;
padding: 0 8px;
cursor: pointer;
}
.tag:hover {
background: var(--base75);
}