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

Move theme editor into theme tab

This commit is contained in:
Andrew Kingston 2022-04-25 20:26:06 +01:00
parent d4f20f9e82
commit 0e05c82c8c
4 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/builder/src/components/design/AppPanel/AppPanel.svelte
View File

@ -1,8 +1,6 @@
<script> <script>
import ComponentSelectionList from "./ComponentSelectionList.svelte" import ComponentSelectionList from "./ComponentSelectionList.svelte"
import DevicePreviewSelect from "./DevicePreviewSelect.svelte" import DevicePreviewSelect from "./DevicePreviewSelect.svelte"
import ThemeEditor from "./ThemeEditor.svelte"
import AppThemeSelect from "./AppThemeSelect.svelte"
import AppPreview from "./AppPreview.svelte" import AppPreview from "./AppPreview.svelte"
import { store } from "builderStore" import { store } from "builderStore"
</script> </script>
@ -13,11 +11,6 @@
{#if $store.clientFeatures.devicePreview} {#if $store.clientFeatures.devicePreview}
<DevicePreviewSelect /> <DevicePreviewSelect />
{/if} {/if}
{#if $store.clientFeatures.customThemes}
<ThemeEditor />
{:else if $store.clientFeatures.spectrumThemes}
<AppThemeSelect />
{/if}
</div> </div>
<div class="content"> <div class="content">
{#key $store.version} {#key $store.version}

0
packages/builder/src/components/design/AppPanel/AppThemeSelect.svelte → packages/builder/src/pages/builder/app/[application]/design/theme/_components/AppThemeSelect.svelte
View File

2
packages/builder/src/components/design/AppPanel/ThemeEditor.svelte → packages/builder/src/pages/builder/app/[application]/design/theme/_components/ThemeEditor.svelte
View File

@ -73,7 +73,7 @@
</script> </script>
<div class="container"> <div class="container">
<ActionButton icon="Brush" on:click={modal.show}>Theme</ActionButton> <ActionButton icon="Brush" on:click={modal.show}>Edit theme</ActionButton>
</div> </div>
<Modal bind:this={modal}> <Modal bind:this={modal}>
<ModalContent <ModalContent

16
packages/builder/src/pages/builder/app/[application]/design/theme/index.svelte
View File

@ -1 +1,15 @@
Theme <script>
import NavigationPanel from "components/design/NavigationPanel/NavigationPanel.svelte"
import { Body, Layout } from "@budibase/bbui"
import AppPanel from "components/design/AppPanel/AppPanel.svelte"
import ThemeEditor from "./_components/ThemeEditor.svelte"
</script>
<NavigationPanel title="Theme">
<Layout paddingX="L" paddingY="XL" gap="S">
<Body>Your theme is set across all the screens within your app</Body>
<ThemeEditor />
</Layout>
</NavigationPanel>
<AppPanel />