Browse Source
Merge pull request #980 from Budibase/Component-dropdown-design-update
Updated the design of the items within the component dropdown
gh-pages
Joe
6 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
9 additions and
3 deletions
-
packages/builder/src/components/common/Dropdowns/DropdownItem.svelte
|
|
|
@ -11,7 +11,9 @@ |
|
|
|
on:click |
|
|
|
class:big={subtitle != null} |
|
|
|
{...$$restProps}> |
|
|
|
{#if icon}<i class={icon} />{/if} |
|
|
|
{#if icon} |
|
|
|
<i class={icon} /> |
|
|
|
{/if} |
|
|
|
<div class="content"> |
|
|
|
<div class="title">{title}</div> |
|
|
|
{#if subtitle != null} |
|
|
|
@ -56,7 +58,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.title { |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
|
|
|
|
.subtitle { |
|
|
|
@ -65,6 +67,10 @@ |
|
|
|
} |
|
|
|
|
|
|
|
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> |
|
|
|
|
