research/statebuddy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

edit css, make microwave background transparent

Browse source
This commit is contained in:
Joeri Exelmans 2025-11-14 09:27:19 +01:00
parent 632cf9b542
commit 8fa430846b
15 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/App/BottomPanel/BottomPanel.tsx
View file

@ -4,7 +4,7 @@ import { TraceableError } from "../../statecharts/parser";
import "./BottomPanel.css"; import "./BottomPanel.css";
import { PersistentDetailsLocalStorage } from "../PersistentDetails"; import { PersistentDetailsLocalStorage } from "../PersistentDetails";
import { Logo } from "@/Logo/Logo"; import { Logo } from "@/App/Logo/Logo";
export function BottomPanel(props: {errors: TraceableError[]}) { export function BottomPanel(props: {errors: TraceableError[]}) {
const [greeting, setGreeting] = useState( const [greeting, setGreeting] = useState(

0
src/Logo/Logo.tsx → src/App/Logo/Logo.tsx
View file

2
src/App/Modals/About.tsx
View file

@ -1,4 +1,4 @@
import { Logo } from "@/Logo/Logo"; import { Logo } from "@/App/Logo/Logo";
import { Dispatch, ReactElement, SetStateAction } from "react"; import { Dispatch, ReactElement, SetStateAction } from "react";
export function About(props: {setModal: Dispatch<SetStateAction<ReactElement|null>>}) { export function About(props: {setModal: Dispatch<SetStateAction<ReactElement|null>>}) {

10
src/App/Modals/TextDialog.tsx
View file

@ -29,12 +29,14 @@ export function TextDialog(props: {setModal: Dispatch<SetStateAction<ReactElemen
} }
return <div onKeyDown={onKeyDown} style={{padding: 4}}> return <div onKeyDown={onKeyDown} style={{padding: 4}}>
Text label:<br/> {/* Text label:<br/> */}
<textarea autoFocus style={{fontFamily: 'Roboto', width: 400, height: 60}} onChange={e=>setText(e.target.value)} value={text} onFocus={e => e.target.select()}/> <textarea autoFocus style={{fontFamily: 'Roboto', width: 400, height: 60}} onChange={e=>setText(e.target.value)} value={text} onFocus={e => e.target.select()}/>
<br/> <br/>
<span style={{color: 'var(--error-color)'}}>{parseError}</span><br/> <span style={{color: 'var(--error-color)'}}>{parseError}</span><br/>
<p><kbd>Enter</kbd> to confirm. <kbd>Esc</kbd> to cancel. {/* <p> */}
</p> <kbd>Enter</kbd> to confirm. <kbd>Esc</kbd> to cancel.
(Tip: <kbd>Shift</kbd>+<kbd>Enter</kbd> to insert newline.) {/* </p> */}
{/* <br/> */}
{/* (Tip: <kbd>Shift</kbd>+<kbd>Enter</kbd> to insert newline.) */}
</div>; </div>;
} }

2
src/App/Plant/Microwave/Microwave.tsx
View file

@ -92,7 +92,7 @@ export const Microwave = memo(function Microwave({state: {bellRinging, magnetron
src: url(${fontDigital}); src: url(${fontDigital});
} }
`}</style> `}</style>
<svg width='400px' height='auto' viewBox="0 0 520 348"> <svg width='380px' height='auto' viewBox="0 0 520 348">
{/* @ts-ignore */} {/* @ts-ignore */}
<image xlinkHref={imgs[doorOpen][magnetronRunning]} width={520} height={348}/> <image xlinkHref={imgs[doorOpen][magnetronRunning]} width={520} height={348}/>

BIN
src/App/Plant/Microwave/originals/microwave.xcf Normal file
View file

Binary file not shown.

BIN
src/App/Plant/Microwave/originals/transparent_small_closed_off.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
src/App/Plant/Microwave/originals/transparent_small_closed_on.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
src/App/Plant/Microwave/originals/transparent_small_opened_off.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
src/App/Plant/Microwave/originals/transparent_small_opened_on.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
src/App/Plant/Microwave/small_closed_off.webp
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before After
Before After

BIN
src/App/Plant/Microwave/small_closed_on.webp
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Before After
Before After

BIN
src/App/Plant/Microwave/small_opened_off.webp
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

BIN
src/App/Plant/Microwave/small_opened_on.webp
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

2
src/index.css
View file

@ -16,7 +16,7 @@ html, body {
--light-accent-color: light-dark(rgba(0,0,255,0.2), rgba(78, 186, 248, 0.377)); --light-accent-color: light-dark(rgba(0,0,255,0.2), rgba(78, 186, 248, 0.377));
--accent-border-color: light-dark(blue, rgb(64, 185, 255)); --accent-border-color: light-dark(blue, rgb(64, 185, 255));
--accent-opaque-color: light-dark(#ccccff, #305b73); --accent-opaque-color: light-dark(#ccccff, #305b73);
--separator-color: light-dark(lightgrey, rgb(44, 44, 44)); --separator-color: light-dark(lightgrey, rgb(58, 58, 58));
--inactive-bg-color: light-dark(#f7f7f7, rgb(29, 29, 29)); --inactive-bg-color: light-dark(#f7f7f7, rgb(29, 29, 29));
--inactive-fg-color: light-dark(grey, rgb(70, 70, 70)); --inactive-fg-color: light-dark(grey, rgb(70, 70, 70));
--button-bg-color: light-dark(#fcfcfc, rgb(44, 50, 63)); --button-bg-color: light-dark(#fcfcfc, rgb(44, 50, 63));