Added Blazor error banner to MainLayout.razor

1 files changed, 22 insertions, 1 deletions

diff --git a/Layout/MainLayout.razor.css b/Layout/MainLayout.razor.css
index c2b5603..7e84358 100644
--- a/Layout/MainLayout.razor.css
+++ b/Layout/MainLayout.razor.css
@@ -1,4 +1,4 @@
-div#content {
+div#content {
     flex:       1 1 calc(100vh - 59px);
     overflow-x: hidden;
     overflow-y: auto;
@@ -7,3 +7,24 @@
 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;
+}