Handle no-channel-selected better

2 files changed, 18 insertions, 0 deletions

diff --git a/ui/app.css b/ui/app.css
index 27086e7..2df588e 100644
--- a/ui/app.css
+++ b/ui/app.css
@@ -19,6 +19,19 @@ hr {
   width: 90%;
 }
 
+.no-active-channel {
+  display: table;
+  height: 100%;
+  width: 100%;
+  text-align: center;
+}
+
+.vertical-aligner {
+  display: table-cell;
+  vertical-align: middle;
+  font-style: italic;
+}
+
 /* TODO:
  * put this somewhere appropriate,
  * use a correct variable,
diff --git a/ui/routes/(app)/+page.svelte b/ui/routes/(app)/+page.svelte
index e69de29..e15bca8 100644
--- a/ui/routes/(app)/+page.svelte
+++ b/ui/routes/(app)/+page.svelte
@@ -0,0 +1,5 @@
+<div class="no-active-channel">
+  <span class="vertical-aligner">
+    Please select or create a channel.
+  </span>
+</div>