1
0
Fork 0
mirror of synced 2024-06-26 18:10:51 +12:00

Fixing issue with single custom datasource being full width in creation modal.

This commit is contained in:
mike12345567 2022-08-17 23:17:10 +01:00
parent 0db9a4ec6e
commit ebb622097b

View file

@ -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);
} }