UI setup for unsupported page

Added image
papameet · Oct 5, 2020 · 1bc276c · 1bc276c
1 parent a6226a5
commit 1bc276c
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/src/index.css b/src/index.css
@@ -122,6 +122,23 @@ button:focus {
 #incorrect-url {
   font-size: 1.4rem;
   color: #695f5f;
+  width: 80%;
+  margin: auto;
+  padding-top: 2rem;
+}
+
+#incorrect-url img{
+  max-width: 100%;
+  max-height: 100%;
+}
+
+#uhimg{
+  width: 210px;
+  margin: auto;
+}
+
+#uhoh{
+  text-align: center;
 }
 
 input[type="number"]::-webkit-inner-spin-button,

diff --git a/src/main.js b/src/main.js
@@ -200,7 +200,7 @@ getPageURL().then((url) => {
     content.removeAttribute("buttons-div");
     content.setAttribute("id", "incorrect-url")
     content.innerHTML =
-      "Uh-oh, unsupported URL.<br>Open again in a supported URL format: https://meet.google.com/xxx-xxxx-xxx";
+      "<div id='uhimg'><img src='error-page.svg'></div><div id='uhoh'>Uh-oh, unsupported URL<div>";
   }
 });
 

diff --git a/src/static/error-page.svg b/src/static/error-page.svg