From fdaadf7a248219e10a16f657dc412b360bf54d2a Mon Sep 17 00:00:00 2001
From: Ariel Juodziukynas <arieljuod@gmail.com>
Date: Wed, 22 Nov 2023 08:15:58 -0300
Subject: [PATCH] [UI] Fix height of install and settings dialogs (#3254)

Fix height of install and settings dialogs
---
 .../Library/components/InstallModal/index.scss     |  3 +--
 .../Settings/components/SettingsModal/index.scss   | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/frontend/screens/Library/components/InstallModal/index.scss b/src/frontend/screens/Library/components/InstallModal/index.scss
index 7986d755b2..f52d99e847 100644
--- 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
index 1af39519d6..59fd6ba37a 100644
--- 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);
+  }
+}