Fixing issue with single custom datasource being full width in creation modal.
This commit is contained in:
parent
0db9a4ec6e
commit
ebb622097b
|
@ -164,14 +164,16 @@
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
<Body size="S">Custom data source</Body>
|
<Body size="S">Custom data source</Body>
|
||||||
{#each Object.entries(integrations).filter(entry => entry[1].custom) as [integrationType, schema]}
|
<div class="item-list">
|
||||||
<DatasourceCard
|
{#each Object.entries(integrations).filter(entry => entry[1].custom) as [integrationType, schema]}
|
||||||
on:selected={evt => selectIntegration(evt.detail)}
|
<DatasourceCard
|
||||||
{schema}
|
on:selected={evt => selectIntegration(evt.detail)}
|
||||||
bind:integrationType
|
{schema}
|
||||||
{integration}
|
bind:integrationType
|
||||||
/>
|
{integration}
|
||||||
{/each}
|
/>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
</ModalContent>
|
</ModalContent>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
@ -179,7 +181,7 @@
|
||||||
<style>
|
<style>
|
||||||
.item-list {
|
.item-list {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
grid-template-columns: repeat(2, minmax(150px, 1fr));
|
||||||
grid-gap: var(--spectrum-alias-grid-baseline);
|
grid-gap: var(--spectrum-alias-grid-baseline);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue