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

style: make sidebar block selector more visible

Browse source
This commit is contained in:
trafficlunar 2025-02-20 20:56:48 +00:00
parent 4fcc15d888
commit 81f80a8887
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/sidebar/BlockSelector.tsx
View file

@ -8,7 +8,7 @@ import { ToolContext } from "@/context/Tool";
import { useBlockData } from "@/hooks/useBlockData"; import { useBlockData } from "@/hooks/useBlockData";
import { useTextures } from "@/hooks/useTextures"; import { useTextures } from "@/hooks/useTextures";
import { Application } from "pixi.js"; import { AlphaFilter, Application } from "pixi.js";
interface Props { interface Props {
stageWidth: number; stageWidth: number;
@ -92,6 +92,7 @@ function BlockSelector({ stageWidth, searchInput }: Props) {
mouseover={() => setHoverPosition({ x, y })} mouseover={() => setHoverPosition({ x, y })}
click={onClick} click={onClick}
tap={onClick} tap={onClick}
filters={selectedBlock == block ? [] : [new AlphaFilter(0.3)]}
/> />
); );
})} })}
@ -102,8 +103,7 @@ function BlockSelector({ stageWidth, searchInput }: Props) {
y={hoverPosition.y} y={hoverPosition.y}
draw={(g) => { draw={(g) => {
g.clear(); g.clear();
g.beginFill(0x000000, 0.5); g.lineStyle(4, isDark ? 0xffffff : 0x000000, 1, 1);
g.lineStyle(2, isDark ? 0xffffff : 0x000000, 1, 1);
g.drawRect(0, 0, 32, 32); g.drawRect(0, 0, 32, 32);
}} }}
/> />
@ -115,7 +115,7 @@ function BlockSelector({ stageWidth, searchInput }: Props) {
y={selectedBlockPosition.y} y={selectedBlockPosition.y}
draw={(g) => { draw={(g) => {
g.clear(); g.clear();
g.lineStyle(2, isDark ? 0xffffff : 0x000000, 1, 1); g.lineStyle(2, isDark ? 0xffffff : 0x000000, 0.75, 0);
g.drawRect(0, 0, 32, 32); g.drawRect(0, 0, 32, 32);
}} }}
/> />