Update formatting for 1080p screens

Modal should no longer scroll when display is 1080p

Author: Jacobdeanr

app/ui/modal.tsx

@@ -47,7 +47,18 @@ export default function Modal({ slug, onClose }: { slug: string; onClose: () =>
 
   return (
     <div onClick={onClose} className="fixed inset-0 z-50 bg-black/75 backdrop-blur-sm flex items-center justify-center p-4">
-      <article onClick={e=>e.stopPropagation()} className="w-full max-w-[90vw] sm:max-w-xl md:max-w-2xl lg:max-w-3xl xl:max-w-4xl max-h-[70vh] overflow-y-auto overscroll-contain bg-neutral-900 rounded-lg shadow-xl ring-1 ring-neutral-700/60">
+      <article
+        onClick={e => e.stopPropagation()}
+        className="
+          w-full
+          max-w-[90vw] sm:max-w-xl md:max-w-2xl lg:max-w-3xl xl:max-w-4xl
+          max-h-[70vh]
+          lg:max-h-[80vh]
+          xl:max-h-[85vh]
+          2xl:max-h-[90vh]
+          overflow-y-auto overscroll-contain
+          bg-neutral-900 rounded-lg shadow-xl ring-1 ring-neutral-700/60
+      ">
             {/* Header */}
             <div
               className="
@@ -69,7 +80,7 @@ export default function Modal({ slug, onClose }: { slug: string; onClose: () =>
 
               {/* Download (never shrink) */}
               <DownloadButton
-                href={`/Source_Skyboxes_NextJS/skyboxes/${slug}/downloads/${slug}.7z`}
+                href={`/Source_Skyboxes_NextJS/skyboxes/${slug}/download/${slug}.7z`}
                 download
                 size={meta?.fileSize}
                 className="flex-shrink-0"   /* ⬅️ keeps the button’s width          */