finish modal

2020-04-15 18:39:07 +02:00
parent 1e56daf807
commit e9b4fb573f
7 changed files with 44 additions and 25 deletions
--- a/resources/sass/components/modal.scss
+++ b/resources/sass/components/modal.scss
@@ -0,0 +1,26 @@
+$modal-duration: 1s;
+
+.modal-container {
+    background-color: rgba(0,0,0,0.6);
+    //display: none;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+
+    .modal {
+        background-color: #fff;
+        border-radius: 5px;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+        position: absolute;
+        overflow: hidden;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        max-width: 100%;
+        width: 400px;
+        animation-name: modalopen;
+        animation-duration: $modal-duration;
+    }
+}