Merge pull request #165 from Zagrios/bugfix/mods-three-dots-menu-glitch-when-no-mods/152

[bugfix] fix mods menu glitch when no mods

src/renderer/components/version-viewer/slides/mods/mods-grid.component.tsx

@@ -69,16 +69,14 @@ export function ModsGrid({modsMap, installed, modsSelected, onModChange, moreInf
                     ]}/>
             </span>
             
-            {
-                Array.from(modsMap.keys()).map(key => modsMap.get(key).some(mod => mod.name.toLowerCase().includes(filter)) && (
+                {Array.from(modsMap.keys()).map(key => modsMap.get(key).some(mod => mod.name.toLowerCase().includes(filter)) && (
                     <ul key={key} className="contents">
                         <h2 className="col-span-full py-1 font-bold pl-3">{key}</h2>
                         {modsMap.get(key).map(mod => mod.name.toLowerCase().includes(filter) && (
                             <ModItem key={mod.name} className="contents bg-light-main-color-3 dark:bg-main-color-1 text-main-color-1 dark:text-light-main-color-1 hover:cursor-pointer" mod={mod} installedVersion={installedModVersion(key, mod)} isDependency={isDependency(mod)} isSelected={isSelected(mod)} onChange={(val) => onModChange(val, mod)} onWantInfo={onWantInfos} wantInfo={mod.name === moreInfoMod?.name}/>
                         ))}
                     </ul>
-                ))
-            }
+                ))}
         </div>
     )
 }

src/renderer/components/version-viewer/slides/mods/mods-slide.component.tsx

@@ -137,7 +137,7 @@ export function ModsSlide({version, onDisclamerDecline}: {version: BSVersion, on
             <div className='relative flex flex-col grow-0 bg-light-main-color-2 dark:bg-main-color-2 h-full w-full rounded-md shadow-black shadow-center overflow-hidden'>
                 {isOnline && modsAvailable ? (
                     <>
-                        <div className="overflow-scroll w-full min-h-0 scrollbar-thin scrollbar-thumb-neutral-900 scrollbar-thumb-rounded-full">
+                        <div className="grow overflow-scroll w-full min-h-0 scrollbar-thin scrollbar-thumb-neutral-900 scrollbar-thumb-rounded-full">
                             <ModsGrid modsMap={modsAvailable} installed={modsInstalled} modsSelected={modsSelected} onModChange={handleModChange} moreInfoMod={moreInfoMod} onWantInfos={handleMoreInfo}/>
                         </div>
                         <div className="h-10 shrink-0 flex items-center justify-between px-3">