Merge pull request #995 from PlanB-Network/fix-language-select-mobile

Add dynamic max height to language selector
PlanB-Network · Dec 19, 2024 · 99dbd14 · 99dbd14
2 parents f8d4a8e + 6a9806f
commit 99dbd14
Showing 1 changed file with 1 addition and 4 deletions.
diff --git a/apps/web/src/components/Header/language-selector.tsx b/apps/web/src/components/Header/language-selector.tsx
@@ -193,12 +193,9 @@ export const LanguageSelectorMobile = ({
       </PopoverTrigger>
       <PopoverContent
         className={cn(
-          'flex flex-col absolute z-50 bg-[#f39561] dark:bg-[#5f5f5f] rounded-none !rounded-t-lg w-[280px] overflow-scroll no-scrollbar !shadow-none bottom-[51px] left-1/2 -translate-x-1/2 gap-5 px-[14px] pt-[15px]',
+          'flex flex-col absolute z-50 bg-[#f39561] dark:bg-[#5f5f5f] rounded-none !rounded-t-lg w-[280px] overflow-scroll no-scrollbar !shadow-none bottom-[51px] left-1/2 -translate-x-1/2 gap-5 px-[14px] pt-[15px] max-h-[calc(100dvh-84px)]',
           mode === 'dark' && 'dark',
         )}
-        style={{
-          height: screen.height - 84 + 'px',
-        }}
         addAnimation={false}
         onClick={(e: React.MouseEvent) => e.stopPropagation()}
       >