Improve style of data import modal

This commit is contained in:
Andrew Kingston 2022-01-25 08:22:53 +00:00
parent 9823534f80
commit b0c03d8508
1 changed files with 15 additions and 7 deletions

View File

@ -1,5 +1,11 @@
<script>
import { ModalContent, Label, notifications, Body } from "@budibase/bbui"
import {
ModalContent,
Label,
notifications,
Body,
Layout,
} from "@budibase/bbui"
import TableDataImport from "../../TableNavigator/TableDataImport.svelte"
import { API } from "api"
import { createEventDispatcher } from "svelte"
@ -33,12 +39,14 @@
onConfirm={importData}
disabled={!valid}
>
<Body
>Import rows to an existing table from a CSV. Only columns from the CSV
which exist in the table will be imported.</Body
>
<Label grey extraSmall>CSV to import</Label>
<TableDataImport bind:dataImport bind:existingTableId={tableId} />
<Body size="S">
Import rows to an existing table from a CSV. Only columns from the CSV which
exist in the table will be imported.
</Body>
<Layout gap="XS" noPadding>
<Label grey extraSmall>CSV to import</Label>
<TableDataImport bind:dataImport bind:existingTableId={tableId} />
</Layout>
</ModalContent>
<style>