diff --git a/src/app/Globals.css b/src/app/Globals.css index 0ec90c2..5d0e0e4 100644 --- a/src/app/Globals.css +++ b/src/app/Globals.css @@ -130,8 +130,8 @@ body { @apply absolute; } -.close-button { - @apply flex justify-center items-center absolute text-2xl text-gray-200 hover:text-white cursor-pointer h-12 w-12 p-3 rounded-lg left-2 top-2 transition-colors border; +.popup-top-button { + @apply flex justify-center items-center absolute text-2xl text-gray-200 hover:text-white cursor-pointer h-12 w-12 p-3 rounded-lg top-2 transition-colors border; } *:focus { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 4df8b1d..55c580f 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -695,7 +695,7 @@ export default function RootLayout ({ >

{versionInfo?.displayName} Mod Manager

@@ -70,7 +93,40 @@ export default function ModDownloadsPopup () { ) : (
{tab == 0 - ? null + ? mods + .filter( + v => + !downloadedVersionsConfig || + Object.keys(downloadedVersionsConfig.mods).includes( + String(v.id) + ) + ) + .map(v => { + return ( +
+
+

+ {v.name}{' '} + + v{v.latestVersion} + +

+

+ Made by {v.creators[0]} + {v.creators.length > 1 + ? ' + ' + (v.creators.length - 1) + ' more' + : null} +

+
+
+ +
+
+ ) + }) : mods .filter( v =>