From f0d635ebe60606521ce68bc363ce575b1c8174ea Mon Sep 17 00:00:00 2001
From: Lncvrt <lncvrtreal@gmail.com>
Date: Wed, 5 Nov 2025 13:18:18 -0700
Subject: [PATCH] Hopefully fix windows issues

---
 src/app/Installs.css  | 2 +-
 src/app/game/page.tsx | 7 ++++++-
 src/app/layout.tsx    | 2 +-
 src/app/page.tsx      | 7 ++++++-
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/app/Installs.css b/src/app/Installs.css
index 2deb4ee..9b138a4 100644
--- a/src/app/Installs.css
+++ b/src/app/Installs.css
@@ -5,7 +5,7 @@
 }
 
 .downloads-scroll {
-  @apply h-[calc(100vh-84px)] bg-(--col1) border border-(--col3) rounded-lg overflow-y-auto w-full;
+  @apply bg-(--col1) border border-(--col3) rounded-lg overflow-y-auto w-full;
 }
 
 .downloads-entry {
diff --git a/src/app/game/page.tsx b/src/app/game/page.tsx
index 6885517..f52d77a 100644
--- a/src/app/game/page.tsx
+++ b/src/app/game/page.tsx
@@ -6,6 +6,7 @@ import { format } from 'date-fns'
 import { invoke } from '@tauri-apps/api/core'
 import { useGlobal } from '../GlobalProvider'
 import { useSearchParams } from 'next/navigation'
+import { platform } from '@tauri-apps/plugin-os'
 
 export default function Installs () {
   const {
@@ -48,7 +49,11 @@ export default function Installs () {
         </button>
       </div>
       <div className='downloads-container'>
-        <div className='downloads-scroll'>
+        <div
+          className={`downloads-scroll h-[calc(100vh-${
+            platform() === 'windows' ? '116' : '84'
+          }px)]`}
+        >
           {downloadedVersionsConfig && downloadedVersionsConfig.list.length ? (
             downloadedVersionsConfig.list
               .filter(v => {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 5fc7611..b2d7b07 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -461,7 +461,7 @@ export default function RootLayout ({
               >
                 <Sidebar />
                 <div
-                  className='relative z-2 ml-[239px] w-[761px] border-b border-(--col3) h-[33px] bg-(--col1)'
+                  className='relative z-2 ml-[239px] w-[calc(100vh-239px)] border-b border-(--col3) h-[33px] bg-(--col1)'
                   style={{
                     display: platform() === 'windows' ? 'block' : 'none'
                   }}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 76485f0..8bc4799 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import {
   faShieldHalved,
   faWarning
 } from '@fortawesome/free-solid-svg-icons'
+import { platform } from '@tauri-apps/plugin-os'
 
 export default function Installs () {
   const {
@@ -49,7 +50,11 @@ export default function Installs () {
         </button>
       </div>
       <div className='downloads-container'>
-        <div className='downloads-scroll'>
+        <div
+          className={`downloads-scroll h-[calc(100vh-${
+            platform() === 'windows' ? '116' : '84'
+          }px)]`}
+        >
           {downloadedVersionsConfig && downloadedVersionsConfig.list.length ? (
             getListOfGames()
               .sort((a, b) => {