From 2e2592afd871b0327231c06a4b30d559c27aa865 Mon Sep 17 00:00:00 2001
From: DecDuck <declanahofmeyr@gmail.com>
Date: Sun, 19 Jan 2025 22:23:40 +1100
Subject: [PATCH] fix(ui): modal stack doesn't cover whole app

---
 desktop/app.vue                      |  2 +-
 desktop/layouts/default.vue          |  2 +-
 desktop/layouts/mini.vue             |  2 +-
 desktop/pages/settings/downloads.vue | 10 +++++++---
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/desktop/app.vue b/desktop/app.vue
index f81c4321..5616701f 100644
--- a/desktop/app.vue
+++ b/desktop/app.vue
@@ -1,8 +1,8 @@
 <template>
   <NuxtLayout class="select-none w-screen h-screen">
     <NuxtPage />
+    <ModalStack />
   </NuxtLayout>
-  <ModalStack />
 </template>
 
 <script setup lang="ts">
diff --git a/desktop/layouts/default.vue b/desktop/layouts/default.vue
index 89dd49b5..025a7cfc 100644
--- a/desktop/layouts/default.vue
+++ b/desktop/layouts/default.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col bg-zinc-900 overflow-hidden">
     <Header class="select-none" />
-    <div class="grow overflow-y-auto">
+    <div class="relative grow overflow-y-auto">
       <slot />
     </div>
   </div>
diff --git a/desktop/layouts/mini.vue b/desktop/layouts/mini.vue
index f34253b9..4519a777 100644
--- a/desktop/layouts/mini.vue
+++ b/desktop/layouts/mini.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col bg-zinc-950 overflow-hidden">
     <MiniHeader />
-    <div class="grow overflow-y-auto">
+    <div class="relative grow overflow-y-auto">
       <slot />
     </div>
   </div>
diff --git a/desktop/pages/settings/downloads.vue b/desktop/pages/settings/downloads.vue
index df3dabc5..4a68cd5c 100644
--- a/desktop/pages/settings/downloads.vue
+++ b/desktop/pages/settings/downloads.vue
@@ -83,7 +83,8 @@
           />
         </div>
         <p class="mt-2 text-sm text-zinc-400">
-          The maximum number of concurrent download threads. Higher values may download faster but use more system resources. Default is 4.
+          The maximum number of concurrent download threads. Higher values may
+          download faster but use more system resources. Default is 4.
         </p>
       </div>
 
@@ -219,7 +220,8 @@ const createDirectoryLoading = ref(false);
 
 const dirs = ref<Array<string>>([]);
 
-const downloadThreads = ref(((await invoke("fetch_settings")) as Settings).maxDownloadThreads ?? 0);
+const settings = await invoke<Settings>("fetch_settings");
+const downloadThreads = ref(settings?.maxDownloadThreads ?? 4);
 
 async function updateDirs() {
   const newDirs = await invoke<Array<string>>("fetch_download_dir_stats");
@@ -279,6 +281,8 @@ async function deleteDirectory(index: number) {
 
 async function saveDownloadThreads() {
   //Would save download threads downloadThreads.value);
-  await invoke("update_settings", { newSettings: { maxDownloadThreads: downloadThreads.value } })
+  await invoke("update_settings", {
+    newSettings: { maxDownloadThreads: downloadThreads.value },
+  });
 }
 </script>