fix column count and add margins

This commit is contained in:
Christoph Kluge 2024-10-02 14:48:21 +02:00
parent 0eb0aa1d3b
commit f047f89ad5
2 changed files with 6 additions and 6 deletions

View File

@ -130,7 +130,7 @@
$: loadUnits($initialized) $: loadUnits($initialized)
</script> </script>
<Row> <Row cols={{ xs: 2, lg: 4 }}>
{#if $initq.error} {#if $initq.error}
<Card body color="danger">{$initq.error.message}</Card> <Card body color="danger">{$initq.error.message}</Card>
{:else if $initq.fetching} {:else if $initq.fetching}
@ -149,7 +149,7 @@
<TimeSelection bind:from bind:to /> <TimeSelection bind:from bind:to />
</Col> </Col>
<!-- Concurrent Col --> <!-- Concurrent Col -->
<Col> <Col class="mt-2 mt-lg-0">
{#if $nodeJobsData.fetching} {#if $nodeJobsData.fetching}
<Spinner /> <Spinner />
{:else if $nodeJobsData.data} {:else if $nodeJobsData.data}
@ -168,7 +168,7 @@
{/if} {/if}
</Col> </Col>
<!-- Refresh Col--> <!-- Refresh Col-->
<Col> <Col class="mt-2 mt-lg-0">
<Refresher <Refresher
on:refresh={() => { on:refresh={() => {
const diff = Date.now() - to; const diff = Date.now() - to;

View File

@ -111,7 +111,7 @@
</script> </script>
<Row> <Row cols={{ xs: 2, lg: 4 }}>
{#if $initq.error} {#if $initq.error}
<Card body color="danger">{$initq.error.message}</Card> <Card body color="danger">{$initq.error.message}</Card>
{:else if $initq.fetching} {:else if $initq.fetching}
@ -134,7 +134,7 @@
<TimeSelection bind:from bind:to /> <TimeSelection bind:from bind:to />
</Col> </Col>
<!-- Metric Col--> <!-- Metric Col-->
<Col> <Col class="mt-2 mt-lg-0">
<InputGroup> <InputGroup>
<InputGroupText><Icon name="graph-up" /></InputGroupText> <InputGroupText><Icon name="graph-up" /></InputGroupText>
<InputGroupText>Metric</InputGroupText> <InputGroupText>Metric</InputGroupText>
@ -148,7 +148,7 @@
</InputGroup> </InputGroup>
</Col> </Col>
<!-- Refresh Col--> <!-- Refresh Col-->
<Col> <Col class="mt-2 mt-lg-0">
<Refresher <Refresher
on:refresh={() => { on:refresh={() => {
const diff = Date.now() - to; const diff = Date.now() - to;