From 3c63408085d1ecb2f5b2a03118d88333fa4c32f7 Mon Sep 17 00:00:00 2001
From: Nayam Amarshe <25067102+NayamAmarshe@users.noreply.github.com>
Date: Thu, 15 Feb 2024 13:47:11 +0530
Subject: [PATCH] Fix z-index #714

---
 mas.json                                           |  2 +-
 .../components/upscayl-tab/view/ProgressBar.tsx    | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/mas.json b/mas.json
index da81df0..b6a0043 100644
--- a/mas.json
+++ b/mas.json
@@ -2,7 +2,7 @@
   "productName": "Upscayl",
   "appId": "org.upscayl.Upscayl",
   "afterSign": "./notarize.js",
-  "buildVersion": "24.02.09",
+  "buildVersion": "24.02.15",
   "asar": true,
   "asarUnpack": ["**/node_modules/sharp/**/*", "**/node_modules/@img/**/*"],
   "extraFiles": [
diff --git a/renderer/components/upscayl-tab/view/ProgressBar.tsx b/renderer/components/upscayl-tab/view/ProgressBar.tsx
index 27fe915..8954b3d 100644
--- a/renderer/components/upscayl-tab/view/ProgressBar.tsx
+++ b/renderer/components/upscayl-tab/view/ProgressBar.tsx
@@ -23,14 +23,14 @@ function ProgressBar({
   }, [progress]);
 
   return (
-    <div className="absolute flex h-full w-full flex-col items-center justify-center bg-base-300/50 backdrop-blur-lg">
-      <div className="flex flex-col items-center bg-base-100/50 backdrop-blur-lg p-4 rounded-btn">
+    <div className="absolute z-50 flex h-full w-full flex-col items-center justify-center bg-base-300/50 backdrop-blur-lg">
+      <div className="rounded-btn flex flex-col items-center bg-base-100/50 p-4 backdrop-blur-lg">
         <img
           src="icon.png"
           alt="Upscayl Icon"
-          className="w-12 h-12 spinner mb-4"
+          className="spinner mb-4 h-12 w-12"
         />
-        <p className="rounded-full px-2 font-bold pb-2">
+        <p className="rounded-full px-2 pb-2 font-bold">
           {batchMode && "Batch Upscale In Progress: " + batchProgress}
 
           {!batchMode &&
@@ -39,16 +39,16 @@ function ProgressBar({
               : `${progress}`)}
         </p>
 
-        <p className="rounded-full px-2 text-sm font-medium pb-3 animate-pulse">
+        <p className="animate-pulse rounded-full px-2 pb-3 text-sm font-medium">
           Doing the Upscayl magic...
         </p>
         {batchMode && (
-          <p className="text-xs rounded-btn text-base-content/70 text-center pb-4 w-64">
+          <p className="rounded-btn w-64 pb-4 text-center text-xs text-base-content/70">
             Info: The images will be converted and scaled after the upscaling
             process.
           </p>
         )}
-        <button onClick={stopHandler} className="btn-outline btn">
+        <button onClick={stopHandler} className="btn btn-outline">
           STOP
         </button>
       </div>