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

Updated the design of the items within the component dropdown 

Icons were a little hard to make out. Increased the size and visability.
The icons are not ideal, but I will tackle this another day - Budi Icons!
This commit is contained in:
Joe 2021-01-10 10:09:47 +00:00
parent e8f18e2853
commit 35934a4da0
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/builder/src/components/common/Dropdowns/DropdownItem.svelte
View File

@ -11,7 +11,9 @@
on:click on:click
class:big={subtitle != null} class:big={subtitle != null}
{...$$restProps}> {...$$restProps}>
{#if icon}<i class={icon} />{/if} {#if icon}
<i class={icon} />
{/if}
<div class="content"> <div class="content">
<div class="title">{title}</div> <div class="title">{title}</div>
{#if subtitle != null} {#if subtitle != null}
@ -56,7 +58,7 @@
} }
.title { .title {
font-weight: 400; font-weight: 500;
} }
.subtitle { .subtitle {
@ -65,6 +67,10 @@
} }
i { i {
font-size: 16px; padding: 0.5rem;
background-color: var(--grey-2);
font-size: 24px;
border-radius: var(--border-radius-s);
color: var(--ink);
} }
</style> </style>