SYNC: Merge pull request #10 from dbgate/feat-chat-compl-api

packages/web/src/modals/ModalBase.svelte

@@ -11,6 +11,7 @@
   export let simple = false;
   export let simplefix = false;
   export let modalId;
+  export let fixedHeight = false;
 
   function handleCloseModal() {
     if (modalId == getActiveModalId()) {
@@ -45,6 +46,7 @@
     class:fullScreen
     class:simple
     class:simplefix
+    class:fixedHeight
     use:clickOutside
     on:clickOutside={handleClickOutside}
     data-testid="ModalBase_window"
@@ -102,6 +104,10 @@
     width: 50%;
   }
 
+  .window:not(.fullScreen):not(.simple):not(.simplefix).fixedHeight {
+    height: 70vh;
+  }
+
   .window.fullScreen {
     position: fixed;
     top: 0;
@@ -183,4 +189,10 @@
     border-top: 1px solid var(--theme-border);
     background-color: var(--theme-bg-modalheader);
   }
+
+  @media (max-width: 1280px) {
+    .window:not(.fullScreen):not(.simple):not(.simplefix) {
+      width: 75%;
+    }
+  }
 </style>