MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update drawer styles to fix issue with filter modal

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