CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-08 07:46:10 +12:00
Code Issues Projects Releases Wiki Activity

Convert AutomationBindingPanel to new DrawerContent panel

Browse source
This commit is contained in:
Keviin Åberg Kultalahti 2021-04-28 14:55:53 +02:00
parent 016a780322
commit a1220cf048
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/builder/src/components/automation/SetupPanel/AutomationBindingPanel.svelte
View file

@ -1,6 +1,12 @@
<script> <script>
import groupBy from "lodash/fp/groupBy" import groupBy from "lodash/fp/groupBy"
import { Input, TextArea, Heading, Layout } from "@budibase/bbui" import {
Input,
TextArea,
Heading,
Layout,
DrawerContent,
} from "@budibase/bbui"
import { createEventDispatcher } from "svelte" import { createEventDispatcher } from "svelte"
import { isValid } from "@budibase/string-templates" import { isValid } from "@budibase/string-templates"
import { handlebarsCompletions } from "constants/completions" import { handlebarsCompletions } from "constants/completions"
@ -44,8 +50,8 @@
} }
</script> </script>
<div class="container"> <DrawerContent>
<div class="list"> <div slot="sidebar" class="list">
<Layout> <Layout>
<div class="section"> <div class="section">
<Heading s h3>Available bindings</Heading> <Heading s h3>Available bindings</Heading>
@ -98,16 +104,9 @@
</p> </p>
{/if} {/if}
</div> </div>
</div> </DrawerContent>
<style> <style>
.container {
height: 40vh;
overflow-y: auto;
display: grid;
grid-template-columns: 290px 1fr;
}
.list { .list {
grid-gap: var(--spacing-s); grid-gap: var(--spacing-s);
border-right: var(--border-light); border-right: var(--border-light);