From 8fa430846ba1abc3e06f0321c005c2eb3814b97b Mon Sep 17 00:00:00 2001 From: Joeri Exelmans Date: Fri, 14 Nov 2025 09:27:19 +0100 Subject: [PATCH] edit css, make microwave background transparent --- src/App/BottomPanel/BottomPanel.tsx | 2 +- src/{ => App}/Logo/Logo.tsx | 0 src/App/Modals/About.tsx | 2 +- src/App/Modals/TextDialog.tsx | 10 ++++++---- src/App/Plant/Microwave/Microwave.tsx | 2 +- .../Plant/Microwave/originals/microwave.xcf | Bin 0 -> 802965 bytes .../transparent_small_closed_off.png | Bin 0 -> 76659 bytes .../originals/transparent_small_closed_on.png | Bin 0 -> 88287 bytes .../transparent_small_opened_off.png | Bin 0 -> 81557 bytes .../originals/transparent_small_opened_on.png | Bin 0 -> 70135 bytes src/App/Plant/Microwave/small_closed_off.webp | Bin 17958 -> 16836 bytes src/App/Plant/Microwave/small_closed_on.webp | Bin 10498 -> 10476 bytes src/App/Plant/Microwave/small_opened_off.webp | Bin 13076 -> 15386 bytes src/App/Plant/Microwave/small_opened_on.webp | Bin 12594 -> 15176 bytes src/index.css | 2 +- 15 files changed, 10 insertions(+), 8 deletions(-) rename src/{ => App}/Logo/Logo.tsx (100%) create mode 100644 src/App/Plant/Microwave/originals/microwave.xcf create mode 100644 src/App/Plant/Microwave/originals/transparent_small_closed_off.png create mode 100644 src/App/Plant/Microwave/originals/transparent_small_closed_on.png create mode 100644 src/App/Plant/Microwave/originals/transparent_small_opened_off.png create mode 100644 src/App/Plant/Microwave/originals/transparent_small_opened_on.png diff --git a/src/App/BottomPanel/BottomPanel.tsx b/src/App/BottomPanel/BottomPanel.tsx index 51dcd81..ad1cd93 100644 --- a/src/App/BottomPanel/BottomPanel.tsx +++ b/src/App/BottomPanel/BottomPanel.tsx @@ -4,7 +4,7 @@ import { TraceableError } from "../../statecharts/parser"; import "./BottomPanel.css"; import { PersistentDetailsLocalStorage } from "../PersistentDetails"; -import { Logo } from "@/Logo/Logo"; +import { Logo } from "@/App/Logo/Logo"; export function BottomPanel(props: {errors: TraceableError[]}) { const [greeting, setGreeting] = useState( diff --git a/src/Logo/Logo.tsx b/src/App/Logo/Logo.tsx similarity index 100% rename from src/Logo/Logo.tsx rename to src/App/Logo/Logo.tsx diff --git a/src/App/Modals/About.tsx b/src/App/Modals/About.tsx index b270b8e..cd0605b 100644 --- a/src/App/Modals/About.tsx +++ b/src/App/Modals/About.tsx @@ -1,4 +1,4 @@ -import { Logo } from "@/Logo/Logo"; +import { Logo } from "@/App/Logo/Logo"; import { Dispatch, ReactElement, SetStateAction } from "react"; export function About(props: {setModal: Dispatch>}) { diff --git a/src/App/Modals/TextDialog.tsx b/src/App/Modals/TextDialog.tsx index a478877..6ab731b 100644 --- a/src/App/Modals/TextDialog.tsx +++ b/src/App/Modals/TextDialog.tsx @@ -29,12 +29,14 @@ export function TextDialog(props: {setModal: Dispatch - Text label:
+ {/* Text label:
*/}