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 @@