Add working but unstyled notify registration modal

2022-05-29 21:52:38 -07:00
parent bf7319db9a
commit 1684979187
14 changed files with 258 additions and 74 deletions
--- a/web/components/modals/BrowserNotify/BrowserNotifyModal.module.scss
+++ b/web/components/modals/BrowserNotify/BrowserNotifyModal.module.scss
@@ -0,0 +1,48 @@
+.pushPreview {
+  border-style: dashed;
+  border-width: 2px;
+  width: 30vw;
+
+  .inner {
+    margin: 10px;
+    padding: 15px;
+    background-color: white;
+    box-shadow: 2px 6px 7px 0px #87898d;
+
+    .title {
+      font-weight: bold;
+    }
+
+    .permissionLine {
+      margin-top: 5px;
+    }
+
+    .buttonRow {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+
+      .disabled {
+        cursor: not-allowed;
+        outline-width: 1;
+        outline-color: '#e2e8f0';
+        outline-style: 'solid';
+        background-color: white;
+      }
+
+      .allow {
+        background-color: var(--theme-primary-color);
+      }
+
+      button {
+        margin-left: 10px;
+        padding-left: 15px;
+        padding-right: 15px;
+        padding-top: 4px;
+        padding-bottom: 4px;
+        border-radius: 3px;
+        border-style: solid;
+      }
+    }
+  }
+}