julius/cutt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: drop-down icon

Browse Source
This commit is contained in:
julius 2025-02-11 20:55:15 +01:00
parent 686fb3a5a4
commit 0c830c1f8f
Signed by: julius
GPG Key ID: C80A63E6A5FD7092
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/Analysis.tsx
View File

@ -52,7 +52,7 @@ export default function Analysis() {
return ( return (
<div className="stack column dropdown"> <div className="stack column dropdown">
<button onClick={() => setShowControlPanel(!showControlPanel)}> <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> </button>
<div id="control-panel" className={showControlPanel ? "opened" : ""}> <div id="control-panel" className={showControlPanel ? "opened" : ""}>
@ -124,11 +124,13 @@ export default function Analysis() {
</div> </div>
<button onClick={() => loadImage()}>reload ↻</button> <button onClick={() => loadImage()}>reload ↻</button>
{loading ? ( {
<span className="loader"></span> loading ? (
) : ( <span className="loader"></span>
<img src={"data:image/png;base64," + image} width="86%" /> ) : (
)} <img src={"data:image/png;base64," + image} width="86%" />
</div> )
}
</div >
); );
} }