trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: more additions to 4fcc15d8

Browse source
This commit is contained in:
trafficlunar 2025-02-20 21:17:10 +00:00
parent c03369953b
commit c9e5947327
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/dialogs/open-image/BlockSelector.tsx
View file

@ -51,7 +51,8 @@ function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlo
options={{ backgroundAlpha: 0 }} options={{ backgroundAlpha: 0 }}
onPointerLeave={() => setHoverPosition(null)} onPointerLeave={() => setHoverPosition(null)}
onUnmount={() => { onUnmount={() => {
showStage.current = false; // NOTE: this event gets called a couple times when run in development
// showStage.current = false;
}} }}
> >
<Container> <Container>
@ -70,7 +71,7 @@ function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlo
eventMode={"static"} eventMode={"static"}
pointerover={() => setHoverPosition({ x, y })} pointerover={() => setHoverPosition({ x, y })}
click={() => onClick(block)} click={() => onClick(block)}
filters={selectedBlocks.includes(block) ? [] : [new AlphaFilter(0.3)]} filters={selectedBlocks.includes(block) ? [] : [new AlphaFilter(0.2)]}
/> />
{selectedBlocks.includes(block) && ( {selectedBlocks.includes(block) && (
@ -80,7 +81,8 @@ function BlockSelector({ stageWidth, searchInput, selectedBlocks, setSelectedBlo
y={y} y={y}
draw={(g) => { draw={(g) => {
g.clear(); g.clear();
g.lineStyle(2, isDark ? 0xffffff : 0x000000, 0.5, 0); g.beginFill(0xffffff, 0.2);
g.lineStyle(2, isDark ? 0xffffff : 0x000000, 0.4, 0);
g.drawRect(0, 0, 32, 32); g.drawRect(0, 0, 32, 32);
}} }}
/> />