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

some button fixes

Browse source
This commit is contained in:
Keviin Åberg Kultalahti 2021-04-12 16:06:03 +02:00
parent 199756134b
commit 958c302ca7
2 changed files with 5 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/builder/src/components/settings/ThemeEditor.svelte
View file

@ -1,6 +1,6 @@
<script> <script>
import { themeStore } from "builderStore" import { themeStore } from "builderStore"
import { Label, Toggle, Button, Slider } from "@budibase/bbui" import { Toggle, Button, Slider } from "@budibase/bbui"
let showAdvanced = false let showAdvanced = false
</script> </script>
@ -11,7 +11,7 @@
</div> </div>
{#if $themeStore.darkMode && !showAdvanced} {#if $themeStore.darkMode && !showAdvanced}
<div class="button"> <div class="button">
<Button text on:click={() => (showAdvanced = true)}>Customise</Button> <Button secondary on:click={() => (showAdvanced = true)}>Customise</Button>
</div> </div>
{/if} {/if}
{#if $themeStore.darkMode && showAdvanced} {#if $themeStore.darkMode && showAdvanced}
@ -34,7 +34,7 @@
max="32" max="32"
showValue /> showValue />
<div class="button"> <div class="button">
<Button text on:click={themeStore.reset}>Reset</Button> <Button secondary on:click={themeStore.reset}>Reset</Button>
</div> </div>
{/if} {/if}
</div> </div>

21
packages/builder/src/components/start/BuilderSettingsButton.svelte
View file

@ -6,27 +6,10 @@
</script> </script>
<div> <div>
<Button icon="" text on:click={modal.show}> <Button overBackground quiet icon="Settings" text on:click={modal.show}>
<i class="ri-settings-3-fill" /> Settings
<p>Settings</p>
</Button> </Button>
</div> </div>
<Modal bind:this={modal} width="30%"> <Modal bind:this={modal} width="30%">
<BuilderSettingsModal /> <BuilderSettingsModal />
</Modal> </Modal>
<style>
div i {
font-size: 26px;
color: var(--grey-7);
margin-left: 12px;
}
div p {
font-family: var(--font-sans);
font-size: var(--font-size-s);
color: var(--ink);
font-weight: 400;
margin: 0 0 0 12px;
}
</style>