From 0c830c1f8fe7af66a12e98723c75aceb9235fc9a Mon Sep 17 00:00:00 2001
From: julius <julius@0124816.xyz>
Date: Tue, 11 Feb 2025 20:55:15 +0100
Subject: [PATCH] feat: drop-down icon

---
 src/Analysis.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/Analysis.tsx b/src/Analysis.tsx
index 1d1fb0f..2383488 100644
--- a/src/Analysis.tsx
+++ b/src/Analysis.tsx
@@ -52,7 +52,7 @@ export default function Analysis() {
   return (
     <div className="stack column dropdown">
       <button onClick={() => setShowControlPanel(!showControlPanel)}>
-        Parameters  <img style={{ padding: 0, transform: `rotate(${showControlPanel ? 0 : 180}deg)` }} src="expand.svg" alt={showControlPanel ? "^" : "v"} />
+        Parameters <svg viewBox="0 0 24 24" height="1.2em" style={{ fill: "#ffffff", display: "inline", top: "0.2em", position: "relative", transform: showControlPanel ? "rotate(180deg)" : "unset" }} > <path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" > </path></svg >
       </button>
       <div id="control-panel" className={showControlPanel ? "opened" : ""}>
 
@@ -124,11 +124,13 @@ export default function Analysis() {
 
       </div>
       <button onClick={() => loadImage()}>reload ↻</button>
-      {loading ? (
-        <span className="loader"></span>
-      ) : (
-        <img src={"data:image/png;base64," + image} width="86%" />
-      )}
-    </div>
+      {
+        loading ? (
+          <span className="loader"></span>
+        ) : (
+          <img src={"data:image/png;base64," + image} width="86%" />
+        )
+      }
+    </div >
   );
 }