2 files changed, 45 insertions, 0 deletions
diff --git a/Server.Client/Layout/MainLayout.razor b/Server.Client/Layout/MainLayout.razor
new file mode 100644
index 0000000..dc8b923
--- /dev/null
+++ b/Server.Client/Layout/MainLayout.razor
@@ -0,0 +1,15 @@
+@inherits LayoutComponentBase
+
+<Titlebar/>
+
+<MobileMenu/>
+
+<div id="content">
+	@Body
+</div>
+
+<div id="blazor-error-ui" data-nosnippet>
+    An unhandled error has occurred.
+    <a href="." class="reload">Reload</a>
+    <span class="dismiss">🗙</span>
+</div>
diff --git a/Server.Client/Layout/MainLayout.razor.css b/Server.Client/Layout/MainLayout.razor.css
new file mode 100644
index 0000000..7e84358
--- /dev/null
+++ b/Server.Client/Layout/MainLayout.razor.css
@@ -0,0 +1,30 @@
+div#content {
+    flex:       1 1 calc(100vh - 59px);
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+body.mobile-menu-visible div#content {
+    display: none;
+}
+
+#blazor-error-ui {
+    color-scheme: light only;
+    background:   lightyellow;
+    bottom:       0;
+    box-shadow:   0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing:   border-box;
+    display:      none;
+    left:         0;
+    padding:      0.6rem 1.25rem 0.7rem 1.25rem;
+    position:     fixed;
+    width:        100%;
+    z-index:      1000;
+}
+
+#blazor-error-ui .dismiss {
+    cursor:   pointer;
+    position: absolute;
+    right:    0.75rem;
+    top:      0.5rem;
+}