Merge branch 'spectrum-bbui' into spectrum/kevins-bits-and-bobs

This commit is contained in:
Keviin Åberg Kultalahti 2021-04-23 14:12:20 +02:00
commit 422707c18a
5 changed files with 19 additions and 24 deletions

View File

@ -1,7 +1,7 @@
<script>
import { automationStore } from "builderStore"
import { database } from "stores/backend"
import { notifications, Icon, Button, Modal } from "@budibase/bbui"
import { notifications, Icon, Button, Modal, Heading } from "@budibase/bbui"
import AutomationBlockSetup from "./AutomationBlockSetup.svelte"
import CreateWebookModal from "../Shared/CreateWebhookModal.svelte"
@ -47,7 +47,7 @@
</script>
<div class="title">
<h1>Setup</h1>
<Heading s>Setup</Heading>
<Icon
l
disabled={!automationLive}
@ -89,10 +89,7 @@
align-items: center;
gap: var(--spacing-xs);
}
.title h1 {
font-size: var(--font-size-m);
font-weight: 500;
margin: 0;
.title :global(h1) {
flex: 1 1 auto;
}

View File

@ -1,10 +1,9 @@
<script>
import { fade } from "svelte/transition"
import { goto, params } from "@roxi/routify"
import { Table, Modal } from "@budibase/bbui"
import { Table, Modal, Heading, notifications } from "@budibase/bbui"
import api from "builderStore/api"
import { notifications } from "@budibase/bbui"
import Spinner from "components/common/Spinner.svelte"
import DeleteRowsButton from "./buttons/DeleteRowsButton.svelte"
import CreateEditRow from "./modals/CreateEditRow.svelte"
@ -92,7 +91,7 @@
<div>
<div class="table-title">
{#if title}
<h1>{title}</h1>
<Heading s>{title}</Heading>
{/if}
{#if loading}
<div transition:fade>

View File

@ -31,12 +31,12 @@
<section>
<div class="controls">
<Heading>Parameters</Heading>
<Heading s>Parameters</Heading>
{#if !bindable}
<Button secondary on:click={newQueryParameter}>Add Param</Button>
{/if}
</div>
<Body small grey>
<Body s>
{#if !bindable}
Parameters come in two parts: the parameter name, and a default/fallback
value.

View File

@ -112,12 +112,12 @@
<section class="config">
<Spacer extraLarge />
<Heading>Query {integrationInfo?.friendlyName}</Heading>
<Heading m>Query {integrationInfo?.friendlyName}</Heading>
<Spacer extraLarge />
<Divider />
<Spacer extraLarge />
<Heading>Config</Heading>
<Body small grey>Provide a name for your query and select its function.</Body>
<Heading s>Config</Heading>
<Body s>Provide a name for your query and select its function.</Body>
<Spacer medium />
<div class="config-field">
<Label>Query Name</Label>
@ -147,8 +147,8 @@
<section>
<Spacer extraLarge />
<div class="config">
<Heading>Fields</Heading>
<Body small grey>Fill in the fields specific to this query.</Body>
<Heading s>Fields</Heading>
<Body s>Fill in the fields specific to this query.</Body>
<Spacer medium />
<IntegrationQueryEditor
{datasource}
@ -161,7 +161,7 @@
<Divider />
<Spacer extraLarge />
<div class="viewer-controls">
<Heading>Results</Heading>
<Heading s>Results</Heading>
<div class="button-container">
<Button
secondary
@ -175,7 +175,8 @@
<Button thin secondary on:click={previewQuery}>Run Query</Button>
</div>
</div>
<Body s grey>
<Spacer small />
<Body s>
Below, you can preview the results from your query and change the
schema.
</Body>

View File

@ -47,7 +47,7 @@
this={ICONS[datasource.source]}
height="26"
width="26" />
<Heading l>{datasource.name}</Heading>
<Heading m>{datasource.name}</Heading>
</header>
<Body small grey lh>{integration.description}</Body>
<Spacer extraLarge />
@ -55,12 +55,10 @@
<Spacer extraLarge />
<div class="container">
<div class="config-header">
<Heading>Configuration</Heading>
<Heading s>Configuration</Heading>
<Button secondary on:click={saveDatasource}>Save</Button>
</div>
<Body small grey>
Connect your database to Budibase using the config below.
</Body>
<Body s>Connect your database to Budibase using the config below.</Body>
<Spacer extraLarge />
<IntegrationConfigForm
schema={integration.datasource}
@ -70,7 +68,7 @@
<Divider />
<Spacer extraLarge />
<div class="query-header">
<Heading>Queries</Heading>
<Heading s>Queries</Heading>
<Button secondary on:click={() => $goto('./new')}>Add Query</Button>
</div>
<Spacer extraLarge />