[ui] .content in labelborder section
parent
7dec8f40a1
commit
9d65c2da3d
|
@ -18,7 +18,7 @@
|
|||
let availableWidgets: Widget[] = [];
|
||||
$: {
|
||||
availableWidgets = [
|
||||
{
|
||||
{
|
||||
name: "table",
|
||||
icon: "table",
|
||||
components: [
|
||||
|
@ -73,19 +73,21 @@
|
|||
</div>
|
||||
{/if}
|
||||
</header>
|
||||
{#if !reverse}
|
||||
{#each components as component}
|
||||
<svelte:component
|
||||
this={component.component}
|
||||
{...component.props || {}}
|
||||
{entries}
|
||||
{editable}
|
||||
on:change
|
||||
/>
|
||||
{/each}
|
||||
{:else}
|
||||
<Table columns="entity, attribute" {entries} />
|
||||
{/if}
|
||||
<div class="content">
|
||||
{#if !reverse}
|
||||
{#each components as component}
|
||||
<svelte:component
|
||||
this={component.component}
|
||||
{...component.props || {}}
|
||||
{entries}
|
||||
{editable}
|
||||
on:change
|
||||
/>
|
||||
{/each}
|
||||
{:else}
|
||||
<Table columns="entity, attribute" {entries} />
|
||||
{/if}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
|
|
@ -28,4 +28,8 @@ section.labelborder {
|
|||
left: 1ex;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: .25em;
|
||||
}
|
||||
}
|
|
@ -66,6 +66,6 @@
|
|||
.content {
|
||||
background: var(--background);
|
||||
border-radius: 4px;
|
||||
padding: 0.5em;
|
||||
padding: 0.5em !important;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue