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

some button fixes

This commit is contained in:
Keviin Åberg Kultalahti 2021-04-12 16:06:03 +02:00
parent b947bac525
commit ba3ce4b128
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>