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) },
|