UX: Improve table modal max width for larger screens (#22)

* UX: Improve modal width for large screens * UX: Ensure smaller screen modal does not cut off content
2022-08-15 13:51:11 -07:00 · 2022-08-15 13:51:11 -07:00 · 9528208b8c
parent be968d9158
commit 9528208b8c
1 changed files with 7 additions and 2 deletions
--- a/scss/modal/insert-table-modal.scss
+++ b/scss/modal/insert-table-modal.scss
@ -24,8 +24,13 @@
  align-items: flex-start;

  .modal-inner-container {
-    --modal-max-width: 90%;
-    width: 100vw;
+    --modal-max-width: $reply-area-max-width;
+    width: $reply-area-max-width;
+
+    @media screen and (max-width: 1200px) {
+      --modal-max-width: 90%;
+      width: 100vw;
+    }
  }

  .modal-body {