diff --git a/frontend/public/empty.svg b/frontend/public/empty.svg
new file mode 100644
index 0000000..bcd79c2
--- /dev/null
+++ b/frontend/public/empty.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/public/fish.svg b/frontend/public/fish.svg
new file mode 100644
index 0000000..ea54be1
--- /dev/null
+++ b/frontend/public/fish.svg
@@ -0,0 +1 @@
+
diff --git a/frontend/src/app.svelte b/frontend/src/app.svelte
index ee7b3cc..194aa2e 100644
--- a/frontend/src/app.svelte
+++ b/frontend/src/app.svelte
@@ -8,6 +8,7 @@
import ContextMenu from './components/contextmenu.svelte';
import Modal from './components/modal.svelte';
import { input } from './actions';
+ import BlankState from './components/blankstate.svelte';
const connections = {};
let hosts = {};
@@ -106,7 +107,7 @@
});
-
+
openConnection(e.detail)} bind:modalOpen={addressBarModalOpen} />
{#if host && connection}
@@ -162,6 +163,8 @@
collectionKey={activeCollKey}
/>
+ {:else}
+
{/if}
@@ -203,6 +206,10 @@
gap: 0.5rem;
padding: 0.5rem;
}
+ main.empty {
+ grid-template: 3rem auto / 1fr;
+ }
+
main > :global(.addressbar) {
grid-column: 1 / 3;
}
diff --git a/frontend/src/components/blankstate.svelte b/frontend/src/components/blankstate.svelte
new file mode 100644
index 0000000..31c903b
--- /dev/null
+++ b/frontend/src/components/blankstate.svelte
@@ -0,0 +1,33 @@
+
+
+
+
+
+
{label}
+
+
+
+
diff --git a/frontend/src/organisms/collection-detail/index.svelte b/frontend/src/organisms/collection-detail/index.svelte
index 70247d9..e11cf5f 100644
--- a/frontend/src/organisms/collection-detail/index.svelte
+++ b/frontend/src/organisms/collection-detail/index.svelte
@@ -1,4 +1,5 @@