feat: responsible zap modal

2023-06-28 08:43:33 +02:00
parent 391e549421
commit 713f4c3d5e
7 changed files with 74 additions and 63 deletions
--- a/src/pages/layout.css
+++ b/src/pages/layout.css
@ -162,3 +162,22 @@ button span.hide-on-mobile {
  height: 100vh;
  width: 100vw; 
 }
+
+.dialog-overlay {
+  background-color: rgba(0, 0, 0, 0.8);
+  position: fixed;
+  inset: 0;
+}
+
+.dialog-content {
+  background-color: #171717;
+  border-radius: 6px;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 90vw;
+  max-width: 450px;
+  max-height: 85vh;
+  padding: 25px;
+}