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

Standardise icon sizes in binding side panel

This commit is contained in:
Andrew Kingston 2024-02-26 16:13:39 +00:00
parent 92abdec150
commit a44f348e37
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/builder/src/components/common/bindings/BindingSidePanel.svelte
View File

@ -167,7 +167,7 @@
}} }}
class:searching={search} class:searching={search}
> >
<Icon name={search ? "Close" : "Search"} /> <Icon size="S" name={search ? "Close" : "Search"} />
</span> </span>
</div> </div>
{/if} {/if}
@ -180,7 +180,11 @@
selectedCategory = categoryName selectedCategory = categoryName
}} }}
> >
<Icon name={categoryIcons[categoryName]} /> <Icon
size="S"
color="var(--spectrum-global-color-gray-700)"
name={categoryIcons[categoryName]}
/>
<span class="category-name">{categoryName} </span> <span class="category-name">{categoryName} </span>
<span class="category-chevron"><Icon name="ChevronRight" /></span> <span class="category-chevron"><Icon name="ChevronRight" /></span>
</li> </li>
@ -303,6 +307,9 @@
gap: var(--spacing-m); gap: var(--spacing-m);
align-items: center; align-items: center;
} }
ul.category-list :global(.spectrum-Icon) {
margin: -4px 0;
}
ul.category-list .category-name { ul.category-list .category-name {
text-transform: capitalize; text-transform: capitalize;
} }