CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-02 10:08:09 +13:00
Code Issues Projects Releases Wiki Activity

Update drawer styles to fix issue with filter modal

Browse source
This commit is contained in:
Andrew Kingston 2024-03-14 16:16:58 +00:00
parent 23a91bcd23
commit a0e3a8f56c
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
packages/builder/src/components/common/bindings/SnippetSidePanel.svelte
View file

@ -1,5 +1,14 @@
<script>
import { Input, Layout, Icon, Popover, Tags, Tag, Body } from "@budibase/bbui"
import {
Input,
Layout,
Icon,
Popover,
Tags,
Tag,
Body,
Button,
} from "@budibase/bbui"
import CodeEditor from "components/common/CodeEditor/CodeEditor.svelte"
import { EditorModes } from "components/common/CodeEditor"
import SnippetDrawer from "./SnippetDrawer.svelte"
@ -128,7 +137,7 @@
{/if}
</div>
<div class="snippet-list">
{#if enableSnippets}
{#if enableSnippets && filteredSnippets?.length}
{#each filteredSnippets as snippet}
<div
class="snippet"
@ -149,10 +158,14 @@
{:else}
<div class="upgrade">
<Body size="S">
Create reusable blocks of JS that can be managed and updated all in
one place with Snippets
Snippets let you create reusable JS functions and values that can
all be managed in one place
</Body>
<UpgradeButton />
{#if enableSnippets}
<Button cta on:click={createSnippet}>Create snippet</Button>
{:else}
<UpgradeButton />
{/if}
</div>
{/if}
</div>