watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 14:17:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Realtime header component.

Browse source
This commit is contained in:
Mike Cao 2020-10-09 17:58:27 -07:00
parent 69b317386a
commit e30f2dfb44
34 changed files with 167 additions and 177 deletions
Download patch file Download diff file Expand all files Collapse all files

25
components/common/Table.js
View file

@ -10,6 +10,7 @@ export default function Table({
className,
bodyClassName,
rowKey,
showHeader = true,
children,
}) {
if (empty && rows.length === 0) {
@ -18,17 +19,19 @@ export default function Table({
return (
<div className={classNames(styles.table, className)}>
<div className={classNames(styles.header, 'row')}>
{columns.map(({ key, label, className, style, header }) => (
<div
key={key}
className={classNames(styles.head, className, header?.className)}
style={{ ...style, ...header?.style }}
>
{label}
</div>
))}
</div>
{showHeader && (
<div className={classNames(styles.header, 'row')}>
{columns.map(({ key, label, className, style, header }) => (
<div
key={key}
className={classNames(styles.head, className, header?.className)}
style={{ ...style, ...header?.style }}
>
{label}
</div>
))}
</div>
)}
<div className={classNames(styles.body, bodyClassName)}>
{rows.length === 0 && <NoData />}
{!children &&

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

@ -4,7 +4,6 @@
}
.header {
display: flex;
border-bottom: 1px solid var(--gray300);
}
@ -21,7 +20,6 @@
}
.row {
display: flex;
border-bottom: 1px solid var(--gray300);
padding: 10px 0;
}

1
components/common/Tag.module.css
View file

@ -1,5 +1,4 @@
.tag {
font-size: var(--font-size-small);
padding: 2px 4px;
border: 1px solid var(--gray300);
border-radius: 4px;