modal and openers

2021-07-30 22:54:36 +02:00
parent baa04685be
commit ab20c0693c
8 changed files with 63 additions and 12 deletions
--- a/src/style/Modal.module.scss
+++ b/src/style/Modal.module.scss
@@ -0,0 +1,21 @@
+.overlay{
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%; 
+    height: 100%;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.body{
+    background-color: #fefefe;
+    margin: 15% auto; /* 15% from the top and centered */
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%; /* Could be more or less, depending on screen size */
+}
+
+.hidden{
+    display: none;
+}