From 1f0aaf1c0f49831ed3bad86df481f458b96f71b9 Mon Sep 17 00:00:00 2001
From: Feenix <25067102+NayamAmarshe@users.noreply.github.com>
Date: Sun, 12 Mar 2023 14:06:36 +0530
Subject: [PATCH] Fixed top bar

---
 renderer/components/ImageOptions.tsx |  5 ++-
 renderer/components/ProgressBar.tsx  |  1 -
 renderer/pages/index.tsx             |  5 +--
 renderer/public/loading.svg          | 55 ----------------------------
 4 files changed, 4 insertions(+), 62 deletions(-)
 delete mode 100644 renderer/public/loading.svg

diff --git a/renderer/components/ImageOptions.tsx b/renderer/components/ImageOptions.tsx
index 61c26bb..22b51bd 100644
--- a/renderer/components/ImageOptions.tsx
+++ b/renderer/components/ImageOptions.tsx
@@ -20,9 +20,10 @@ const ImageOptions = ({
   }, []);
 
   return (
-    <div className="animate rounded-btn collapse absolute top-1 z-50 m-2">
+    <div className="animate rounded-btn collapse fixed top-1 z-50 m-2 backdrop-blur-lg">
       <input type="checkbox" className="peer" />
-      <div className="outline-title peer-checked:outline-title-none collapse-title bg-opacity-25 text-center text-sm font-semibold uppercase text-slate-900 backdrop-blur-2xl peer-checked:bg-base-300 peer-checked:text-base-content">
+      {/* <div className="peer-checked:outline-title-none collapse-title bg-opacity-25 text-center text-sm font-semibold uppercase backdrop-blur-2xl peer-checked:bg-base-300 peer-checked:text-base-content"> */}
+      <div className="outline-title peer-checked:outline-title-none collapse-title text-center text-sm font-semibold uppercase text-black mix-blend-difference outline-2 peer-checked:bg-base-300 peer-checked:text-base-content">
         Show/Hide Image Settings
       </div>
 
diff --git a/renderer/components/ProgressBar.tsx b/renderer/components/ProgressBar.tsx
index 7743687..adb3f20 100644
--- a/renderer/components/ProgressBar.tsx
+++ b/renderer/components/ProgressBar.tsx
@@ -1,5 +1,4 @@
 import React from "react";
-import Animated from "../public/loading.svg";
 import Spinner from "./icons/Spinner";
 
 function ProgressBar({ progress, doubleUpscaylCounter }) {
diff --git a/renderer/pages/index.tsx b/renderer/pages/index.tsx
index b8bcc83..224422d 100644
--- a/renderer/pages/index.tsx
+++ b/renderer/pages/index.tsx
@@ -474,10 +474,7 @@ const Home = () => {
             doubleUpscaylCounter={doubleUpscaylCounter}
           />
         ) : null}
-        <ProgressBar
-          progress={progress}
-          doubleUpscaylCounter={doubleUpscaylCounter}
-        />
+
         {/* DEFAULT PANE INFO */}
         {((!isVideo &&
           !batchMode &&
diff --git a/renderer/public/loading.svg b/renderer/public/loading.svg
deleted file mode 100644
index 3c8ba9b..0000000
--- a/renderer/public/loading.svg
+++ /dev/null
@@ -1,55 +0,0 @@
-<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
-<svg width="58" height="58" viewBox="0 0 58 58" xmlns="http://www.w3.org/2000/svg">
-    <g fill="none" fill-rule="evenodd">
-        <g transform="translate(2 1)" stroke="currentColor" stroke-width="1.5">
-            <circle cx="42.601" cy="11.462" r="5" fill-opacity="1" fill="#fff">
-                <animate attributeName="fill-opacity"
-                     begin="0s" dur="1.3s"
-                     values="1;0;0;0;0;0;0;0" calcMode="linear"
-                     repeatCount="indefinite" />
-            </circle>
-            <circle cx="49.063" cy="27.063" r="5" fill-opacity="0" fill="currentColor">
-                <animate attributeName="fill-opacity"
-                     begin="0s" dur="1.3s"
-                     values="0;1;0;0;0;0;0;0" calcMode="linear"
-                     repeatCount="indefinite" />
-            </circle>
-            <circle cx="42.601" cy="42.663" r="5" fill-opacity="0" fill="currentColor">
-                <animate attributeName="fill-opacity"
-                     begin="0s" dur="1.3s"
-                     values="0;0;1;0;0;0;0;0" calcMode="linear"
-                     repeatCount="indefinite" />
-            </circle>
-            <circle cx="27" cy="49.125" r="5" fill-opacity="0" fill="currentColor">
-                <animate attributeName="fill-opacity"
-                     begin="0s" dur="1.3s"
-                     values="0;0;0;1;0;0;0;0" calcMode="linear"
-                     repeatCount="indefinite" />
-            </circle>
-            <circle cx="11.399" cy="42.663" r="5" fill-opacity="0" fill="currentColor">
-                <animate attributeName="fill-opacity"
-                     begin="0s" dur="1.3s"
-                     values="0;0;0;0;1;0;0;0" calcMode="linear"
-                     repeatCount="indefinite" />
-            </circle>
-            <circle cx="4.938" cy="27.063" r="5" fill-opacity="0" fill="currentColor">
-                <animate attributeName="fill-opacity"
-                     begin="0s" dur="1.3s"
-                     values="0;0;0;0;0;1;0;0" calcMode="linear"
-                     repeatCount="indefinite" />
-            </circle>
-            <circle cx="11.399" cy="11.462" r="5" fill-opacity="0" fill="currentColor">
-                <animate attributeName="fill-opacity"
-                     begin="0s" dur="1.3s"
-                     values="0;0;0;0;0;0;1;0" calcMode="linear"
-                     repeatCount="indefinite" />
-            </circle>
-            <circle cx="27" cy="5" r="5" fill-opacity="0" fill="currentColor">
-                <animate attributeName="fill-opacity"
-                     begin="0s" dur="1.3s"
-                     values="0;0;0;0;0;0;0;1" calcMode="linear"
-                     repeatCount="indefinite" />
-            </circle>
-        </g>
-    </g>
-</svg>
\ No newline at end of file