From 566e38e51566e586ede79d4d7c450abf26a1ddd7 Mon Sep 17 00:00:00 2001
From: marino <102478601+kemuru@users.noreply.github.com>
Date: Fri, 15 Sep 2023 15:17:31 +0200
Subject: [PATCH] fix(web): settings not scrollable on landscape mobile

---
 web/src/layout/Header/navbar/Menu/Help.tsx           | 1 -
 web/src/layout/Header/navbar/Menu/Settings/index.tsx | 2 ++
 web/src/layout/Header/navbar/index.tsx               | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/layout/Header/navbar/Menu/Help.tsx b/web/src/layout/Header/navbar/Menu/Help.tsx
index e5c34e0de..4a90227be 100644
--- a/web/src/layout/Header/navbar/Menu/Help.tsx
+++ b/web/src/layout/Header/navbar/Menu/Help.tsx
@@ -12,7 +12,6 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   position: absolute;
-  max-height: 60vh;
   top: 5%;
   left: 50%;
   transform: translate(-50%);
diff --git a/web/src/layout/Header/navbar/Menu/Settings/index.tsx b/web/src/layout/Header/navbar/Menu/Settings/index.tsx
index 387bc6b84..28b5aec52 100644
--- a/web/src/layout/Header/navbar/Menu/Settings/index.tsx
+++ b/web/src/layout/Header/navbar/Menu/Settings/index.tsx
@@ -8,6 +8,8 @@ import { useFocusOutside } from "hooks/useFocusOutside";
 const Container = styled.div`
   display: flex;
   position: absolute;
+  max-height: 80vh;
+  overflow-y: auto;
   z-index: 1;
   background-color: ${({ theme }) => theme.whiteBackground};
   flex-direction: column;
diff --git a/web/src/layout/Header/navbar/index.tsx b/web/src/layout/Header/navbar/index.tsx
index 858ac54ea..6ec1563eb 100644
--- a/web/src/layout/Header/navbar/index.tsx
+++ b/web/src/layout/Header/navbar/index.tsx
@@ -19,7 +19,7 @@ const Container = styled.div<{ isOpen: boolean }>`
   top: 64px;
   left: 0;
   right: 0;
-  max-height: calc(90vh - 64px);
+  max-height: calc(100vh - 64px);
   overflow-y: auto;
   z-index: 1;
   background-color: ${({ theme }) => theme.whiteBackground};