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

Add second panel for navigation tab

Browse source
This commit is contained in:
Andrew Kingston 2022-05-13 11:38:19 +01:00
parent 388450daa5
commit 07098fee08
4 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/builder/src/pages/builder/app/[application]/design/[screenId]/navigation/_components/NavigationInfoPanel.svelte Normal file
View file

@ -0,0 +1,16 @@
<script>
import Panel from "components/design/Panel.svelte"
import { Body, Layout } from "@budibase/bbui"
</script>
<Panel borderLeft title="Navigation" icon="InfoOutline">
<Layout paddingX="L" paddingY="XL" gap="S">
<Body size="S">
Your navigation is configured for all the screens within your app.
</Body>
<Body size="S">
You can hide and show your navigation for each screen in the screen
settings.
</Body>
</Layout>
</Panel>

7
packages/builder/src/pages/builder/app/[application]/design/[screenId]/navigation/_components/NavigationSettingsPanel.svelte
View file

@ -29,13 +29,6 @@
<Panel title="Navigation" borderRight>
<Layout paddingX="L" paddingY="XL" gap="S">
<Body size="S">
Your navigation is configured for all the screens within your app.
</Body>
<Body size="S">
You can hide and show your navigation for each screen in the screen
settings.
</Body>
<NavigationLinksEditor />
<Layout noPadding gap="XS">
<Label>Position</Label>

2
packages/builder/src/pages/builder/app/[application]/design/[screenId]/navigation/index.svelte
View file

@ -1,5 +1,7 @@
<script>
import NavigationSettingsPanel from "./_components/NavigationSettingsPanel.svelte"
import NavigationInfoPanel from "./_components/NavigationInfoPanel.svelte"
</script>
<NavigationSettingsPanel />
<NavigationInfoPanel />

2
packages/builder/src/pages/builder/app/[application]/design/[screenId]/theme/_components/ThemeInfoPanel.svelte
View file

@ -3,7 +3,7 @@
import { Body, Layout } from "@budibase/bbui"
</script>
<Panel borderLeft title="Theme" icon="Brush">
<Panel borderLeft title="Theme" icon="InfoOutline">
<Layout paddingX="L" paddingY="XL">
<Body size="S">
Your theme is set across all the screens within your app.