github/umami
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

style(realtime): fix layout for realtime protocol

Browse Source
This commit is contained in:
Alexander Klein
2021-02-21 15:12:49 +01:00
parent c5e03cd5d4
commit f93ecdfee8
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/metrics/RealtimeLog.js
View File

@@ -176,9 +176,11 @@ export default function RealtimeLog({ data, websites, websiteId }) {
</div> </div>
<div className={styles.body}> <div className={styles.body}>
{logs?.length === 0 && <NoData />} {logs?.length === 0 && <NoData />}
<FixedSizeList height={400} itemCount={logs.length} itemSize={40}> {logs?.length > 0 && (
{Row} <FixedSizeList height={400} itemCount={logs.length} itemSize={40}>
</FixedSizeList> {Row}
</FixedSizeList>
)}
</div> </div>
</div> </div>
); );

4
components/metrics/RealtimeLog.module.css
View File

@@ -1,6 +1,9 @@
.table { .table {
font-size: var(--font-size-xsmall); font-size: var(--font-size-xsmall);
overflow: hidden; overflow: hidden;
height: 100%;
display: grid;
grid-template-rows: fit-content(100%) fit-content(100%) auto;
} }
.header { .header {
@@ -21,6 +24,7 @@
.body { .body {
overflow: auto; overflow: auto;
height: 100%;
} }
.icon { .icon {