fix: Responsive scaling of add/edit model dialog on viewport zoom.

equinor · Feb 29, 2024 · 13ea433 · 13ea433
1 parent b5b9063
commit 13ea433
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/features/AddModel/AddModelDialog/AddModelDialog.styled.ts b/src/features/AddModel/AddModelDialog/AddModelDialog.styled.ts
@@ -3,8 +3,17 @@ import styled from 'styled-components';
 import { spacings } from '../../../tokens/spacings';
 
 const StyledDialog = styled(Dialog)`
-  min-width: 600px;
   overflow-y: scroll;
+  width: fit-content;
+  max-width: 90vw;
+  max-height: 90vh;
+
+  @media (min-width: 650px) {
+    min-width: 600px;
+
+    max-height: 90vh;
+    overflow-x: scroll;
+  }
 `;
 
 const StyledDialogCustomContent = styled(Dialog.CustomContent)`