From 9263cb000dc4206bc780e6dacbf4cc7cda5f1a9d Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Mon, 25 Jul 2022 12:06:45 +0100 Subject: [PATCH] Update more styles of new component panel --- .../new/_components/NewComponentPanel.svelte | 35 +++++++++---------- 1 file changed, 17 insertions(+), 18 deletions(-) diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/new/_components/NewComponentPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/new/_components/NewComponentPanel.svelte index 5dd059fbcb..95242b4a3a 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/new/_components/NewComponentPanel.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/new/_components/NewComponentPanel.svelte @@ -179,15 +179,11 @@ > {/if} - -
- -
- {#if searchString || section === "components"} - {#if filteredStructure.length} - {#each filteredStructure as category} - + {#if searchString || section === "components"} + {#if filteredStructure.length} + {#each filteredStructure as category} +
{category.name}
{#each category.children as component}
{/each} - - {/each} - {:else} - + {/each} + {:else} There aren't any components matching the current filter - - {/if} - {:else} - + {/if} + {:else} Blocks are collections of pre-built components {#each blocks as block} @@ -224,8 +216,8 @@
{/each} - - {/if} + {/if} + @@ -239,6 +231,13 @@ flex-direction: row; align-items: stretch; } + .category-label { + color: var(--spectrum-global-color-gray-600); + text-transform: uppercase; + font-size: 12px; + font-weight: 600; + margin-top: var(--spacing-xs); + } .component { background-color: var(--spectrum-global-color-gray-200); border-radius: 4px;