[UI] Fix height of install and settings dialogs (#3254)

Fix height of install and settings dialogs
Heroic-Games-Launcher · Nov 22, 2023 · fdaadf7 · fdaadf7
1 parent f6d7cf3
commit fdaadf7
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/frontend/screens/Library/components/InstallModal/index.scss b/src/frontend/screens/Library/components/InstallModal/index.scss
@@ -1,10 +1,9 @@
 .InstallModal__dialog {
   width: 700px;
   min-height: fit-content;
+  max-height: 90vh;
   min-width: fit-content;
   max-width: 80vw;
-  height: 90vh;
-  max-height: 1000px;
 }
 
 .InstallModal__dialog > .anticheatInfo {

diff --git a/src/frontend/screens/Settings/components/SettingsModal/index.scss b/src/frontend/screens/Settings/components/SettingsModal/index.scss
@@ -10,3 +10,17 @@
     width: 100%;
   }
 }
+
+.InstallModal__dialog:has(.settingsDialogContent) {
+  margin-top: max(2rem, 13vh);
+  @media screen and (max-height: 800px) {
+    margin-top: max(2rem, 8vh);
+    .settingsDialogContent {
+      min-height: 70vh;
+    }
+  }
+
+  @media screen and (max-height: 700px) {
+    margin-top: max(2rem, 6vh);
+  }
+}