ufkc7e3d
/
budibase
forked from tsai/budibase
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Move theme editor into theme tab

master
Andrew Kingston 4 years ago
parent
2f55773edd
commit
79227e36d5
4 changed files with 16 additions and 9 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      packages/builder/src/components/design/AppPanel/AppPanel.svelte
  2. 0
      packages/builder/src/pages/builder/app/[application]/design/theme/_components/AppThemeSelect.svelte
  3. 2
      packages/builder/src/pages/builder/app/[application]/design/theme/_components/ThemeEditor.svelte
  4. 16
      packages/builder/src/pages/builder/app/[application]/design/theme/index.svelte

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 />

Write Preview
Loading…
Cancel
Save