fix: add scroll to tables

This commit is contained in:
Arman
2023-02-01 14:11:12 +01:00
parent 0d11106207
commit bae6e36696
2 changed files with 8 additions and 8 deletions
@@ -12,13 +12,13 @@
Pagination
} from '$lib/components';
import {
Table,
TableHeader,
TableBody,
TableRow,
TableCellHead,
TableCell,
TableCellText
TableCellText,
TableScroll
} from '$lib/elements/table';
import { execute, func } from '../store';
import { Container } from '$lib/layout';
@@ -156,7 +156,7 @@
<Heading tag="h3" size="7">Inactive</Heading>
</div>
{#if data.deployments.total > 1}
<Table>
<TableScroll>
<TableHeader>
<TableCellHead width={90}>Deployment ID</TableCellHead>
<TableCellHead width={140}>Created</TableCellHead>
@@ -246,7 +246,7 @@
{/if}
{/each}
</TableBody>
</Table>
</TableScroll>
{:else}
<Empty single target="deployment" on:click={() => (showCreate = true)}>
<div class="u-text-center">
@@ -3,13 +3,13 @@
import { Pill } from '$lib/elements';
import { Copy, Status, Heading, Pagination, EmptySearch } from '$lib/components';
import {
Table,
TableHeader,
TableBody,
TableCellHead,
TableCell,
TableCellText,
TableRow
TableRow,
TableScroll
} from '$lib/elements/table';
import { toLocaleDateTime } from '$lib/helpers/date';
import { calculateTime } from '$lib/helpers/timeConversion';
@@ -49,7 +49,7 @@
<Heading tag="h2" size="5">Logs</Heading>
</div>
{#if data.executions.total}
<Table>
<TableScroll>
<TableHeader>
<TableCellHead width={90}>Execution ID</TableCellHead>
<TableCellHead width={140}>Created</TableCellHead>
@@ -98,7 +98,7 @@
</TableRow>
{/each}
</TableBody>
</Table>
</TableScroll>
<div class="u-flex u-margin-block-start-32 u-main-space-between">
<p class="text">Total results: {data.executions.total}</p>
<Pagination