style(realtime): fix layout for realtime protocol

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

View File

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

View File

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