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

Update panel text size and improve target panel position wording

This commit is contained in:
Andrew Kingston 2022-04-27 08:27:00 +01:00
parent 15956ec099
commit 80b1841703
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/builder/src/pages/builder/app/[application]/design/components/[screenId]/new/_components/NewComponentPanel.svelte
View File

@ -139,7 +139,7 @@
{/each} {/each}
{:else} {:else}
<Layout paddingX="L" paddingY="XL" gap="S"> <Layout paddingX="L" paddingY="XL" gap="S">
<Body>Blocks are a collection of pre-built components</Body> <Body size="S">Blocks are collections of pre-built components</Body>
<Layout noPadding gap="XS"> <Layout noPadding gap="XS">
{#each blocks as block} {#each blocks as block}
<div class="component block" on:click={() => addComponent(block)}> <div class="component block" on:click={() => addComponent(block)}>

3
packages/builder/src/pages/builder/app/[application]/design/components/[screenId]/new/_components/NewComponentTargetPanel.svelte
View File

@ -8,10 +8,11 @@
) )
$: isScreen = $selectedComponent?._id === $selectedScreen?.props._id $: isScreen = $selectedComponent?._id === $selectedScreen?.props._id
$: title = isScreen ? "Screen" : $selectedComponent?._instanceName $: title = isScreen ? "Screen" : $selectedComponent?._instanceName
$: position = componentDefinition?.hasChildren ? "inside" : "below"
</script> </script>
<SettingsPanel {title} icon={componentDefinition?.icon}> <SettingsPanel {title} icon={componentDefinition?.icon}>
<Layout paddingX="L" paddingY="XL"> <Layout paddingX="L" paddingY="XL">
<Body>The component you add will be placed inside {title}</Body> <Body size="S">Components you add will be placed {position} {title}</Body>
</Layout> </Layout>
</SettingsPanel> </SettingsPanel>

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

@ -6,7 +6,9 @@
<NavigationPanel title="Theme"> <NavigationPanel title="Theme">
<Layout paddingX="L" paddingY="XL" gap="S"> <Layout paddingX="L" paddingY="XL" gap="S">
<Body>Your theme is set across all the screens within your app</Body> <Body size="S">
Your theme is set across all the screens within your app
</Body>
<ThemeEditor /> <ThemeEditor />
</Layout> </Layout>
</NavigationPanel> </NavigationPanel>