Add first pass for offline banner component

2022-05-25 22:52:27 -07:00
parent 281829a473
commit f041727f07
6 changed files with 70 additions and 10 deletions
--- a/web/components/ui/OfflineBanner/OfflineBanner.module.scss
+++ b/web/components/ui/OfflineBanner/OfflineBanner.module.scss
@@ -0,0 +1,23 @@
+.outerContainer {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.innerContainer {
+  display: flex;
+  flex-direction: column;
+  width: 50%;
+  background-color: var(--theme-background-secondary);
+  margin: 2vw;
+  border-radius: var(--theme-rounded-corners);
+  padding: 25px;
+}
+
+.header {
+  font-weight: bold;
+}
+
+.footer {
+  margin-top: 20px;
+}