diff --git a/frontend/src/components/grid-items.svelte b/frontend/src/components/grid-items.svelte index d54d320..c3d7624 100644 --- a/frontend/src/components/grid-items.svelte +++ b/frontend/src/components/grid-items.svelte @@ -115,6 +115,12 @@ {/if} + +
+ +
+ + {#each columns as column, columnIndex} {@const value = column.key?.includes('.') ? resolveKeypath(item, column.key) : item[column.key]} @@ -157,7 +163,15 @@ cursor: pointer; } td.has-toggle { - width: calc(20px + 0.3rem); + width: 20px; + } + td.has-icon { + padding: 0; + width: 17px; + } + td.has-icon :global(svg) { + width: 13px; + height: 13px; } td .value { diff --git a/frontend/src/components/grid.svelte b/frontend/src/components/grid.svelte index 2d0002f..ff6d66c 100644 --- a/frontend/src/components/grid.svelte +++ b/frontend/src/components/grid.svelte @@ -29,6 +29,7 @@ + {#each columns as column} {column.title || ''} {/each} diff --git a/frontend/src/organisms/connection/dblist.svelte b/frontend/src/organisms/connection/dblist.svelte index 14e850d..2f2c2ad 100644 --- a/frontend/src/organisms/connection/dblist.svelte +++ b/frontend/src/organisms/connection/dblist.svelte @@ -82,9 +82,11 @@ columns={[ { key: 'id' }, { key: 'collCount', right: true } ]} items={Object.keys(connection.databases).sort().map(dbKey => ({ id: dbKey, + icon: 'db', collCount: Object.keys(connection.databases[dbKey].collections || {}).length || '', children: Object.keys(connection.databases[dbKey].collections).sort().map(collKey => ({ id: collKey, + icon: 'list', menu: [ { label: `Drop ${collKey}…`, fn: () => dropCollection(dbKey, collKey) }, { label: `Drop ${dbKey}…`, fn: () => dropDatabase(dbKey) },