Browse Source

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!
pull/4023/head
Joe 6 years ago
parent
commit
35934a4da0
  1. 12
      packages/builder/src/components/common/Dropdowns/DropdownItem.svelte

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

@ -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>

Loading…
Cancel
Save