Add content area to popup

src/routes/Installs.css

@@ -27,7 +27,11 @@
 }
 
 .popup-box {
-  @apply relative w-[85vw] h-[80vh] shadow-[0_0_20px_rgba(0,0,0,0.2)] overflow-auto p-6 rounded-lg bg-[#191919];
+  @apply relative w-[85vw] h-[80vh] shadow-[0_0_20px_rgba(0,0,0,0.2)] rounded-lg bg-[#191919] flex flex-col p-6;
+}
+
+.popup-content {
+  @apply flex-1 overflow-auto border border-[#323232] rounded-lg mt-4;
 }
 
 .close-button {

src/routes/Installs.tsx

@@ -22,7 +22,10 @@ export default function Installs() {
   return (
     <>
       <p className='text-3xl ml-4 mt-4'>Installs</p>
-      <button className='button text-3xl mt-4 absolute right-4 top-4' onClick={downloadVersion}>
+      <button
+        className='button text-3xl mt-4 absolute right-4 top-4'
+        onClick={downloadVersion}
+      >
         Download new version
       </button>
       {showPopup && (
@@ -41,6 +44,9 @@ export default function Installs() {
               <FontAwesomeIcon icon={faX} />
             </button>
             <p className='text-xl text-center'>Select versions to download</p>
+            <div className='popup-content'>
+              <p className='text-center'>Downloading version list...</p>
+            </div>
           </div>
         </div>
       )}