Remove placeholders prompting users to add components inside other components
This commit is contained in:
parent
c3ebbb76e2
commit
0220a16bc3
|
@ -10,15 +10,7 @@
|
||||||
|
|
||||||
{#if $builderStore.inBuilder}
|
{#if $builderStore.inBuilder}
|
||||||
<div class="component-placeholder">
|
<div class="component-placeholder">
|
||||||
<Icon name="Help" color="var(--spectrum-global-color-blue-600)" />
|
{$component.name || definition?.name || "Component"}
|
||||||
<span
|
|
||||||
class="spectrum-Link"
|
|
||||||
on:click={() => {
|
|
||||||
builderStore.actions.requestAddComponent()
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Add components inside your {definition?.name || $component.type}
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
|
@ -32,14 +24,4 @@
|
||||||
font-size: var(--font-size-s);
|
font-size: var(--font-size-s);
|
||||||
gap: var(--spacing-s);
|
gap: var(--spacing-s);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Common styles for all error states to use */
|
|
||||||
.component-placeholder :global(mark) {
|
|
||||||
background-color: var(--spectrum-global-color-gray-400);
|
|
||||||
padding: 0 4px;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
.component-placeholder :global(.spectrum-Link) {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue