fix: modal styles on mobile

2023-11-23 12:43:20 +00:00 · 2023-11-23 12:43:20 +00:00 · 0f07e75905
commit 0f07e75905
parent 20c4ecaa0c
1 changed files with 6 additions and 0 deletions
--- a/packages/app/src/Element/Modal.css
+++ b/packages/app/src/Element/Modal.css
@ -20,6 +20,7 @@
  margin-top: auto;
  margin-bottom: auto;
  --border-color: var(--gray);
+  max-width: 100%;
 }

@media (min-width: 600px) {
@ -28,6 +29,11 @@
    width: 600px;
  }
 }
+@media (max-width: 600px) {
+  .modal-body {
+    min-width: 100%;
+  }
+}

 .modal-body button.secondary:hover {
  background-color: var(--gray);