lunanting/ai-chatbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: match canvas selected image border and corner handles
Some checks failed
Lint / build (20) (push) Has been cancelled
Details
Playwright Tests / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Your Name 2026-02-21 00:22:56 +08:00
parent 8f4afbba40
commit 2f33598e57
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
components/canvas/CanvasWorkspace.tsx
View File

@ -39,7 +39,7 @@ function isNodeInViewport(
export function CanvasWorkspace() {
const SNAP_THRESHOLD = 10;
const SNAP_GAP = 12;
const SELECTION_COLOR = "#3182ed";
const SELECTION_COLOR = "#27a8ff";
const containerRef = useRef<HTMLDivElement>(null);
const [isPanning, setIsPanning] = useState(false);
const [panStart, setPanStart] = useState<Position>({ x: 0, y: 0 });
@ -698,39 +698,39 @@ export function CanvasWorkspace() {
const imageResizeHandleStyles = isImageNode
? {
topRight: {
width: 12,
height: 12,
right: -6,
top: -6,
width: 16,
height: 16,
right: -8,
top: -8,
borderRadius: 999,
border: `2px solid ${SELECTION_COLOR}`,
border: `3px solid ${SELECTION_COLOR}`,
backgroundColor: "#ffffff",
},
bottomRight: {
width: 12,
height: 12,
right: -6,
bottom: -6,
width: 16,
height: 16,
right: -8,
bottom: -8,
borderRadius: 999,
border: `2px solid ${SELECTION_COLOR}`,
border: `3px solid ${SELECTION_COLOR}`,
backgroundColor: "#ffffff",
},
bottomLeft: {
width: 12,
height: 12,
left: -6,
bottom: -6,
width: 16,
height: 16,
left: -8,
bottom: -8,
borderRadius: 999,
border: `2px solid ${SELECTION_COLOR}`,
border: `3px solid ${SELECTION_COLOR}`,
backgroundColor: "#ffffff",
},
topLeft: {
width: 12,
height: 12,
left: -6,
top: -6,
width: 16,
height: 16,
left: -8,
top: -8,
borderRadius: 999,
border: `2px solid ${SELECTION_COLOR}`,
border: `3px solid ${SELECTION_COLOR}`,
backgroundColor: "#ffffff",
},
}

2
components/canvas/nodes/ImageNode.tsx
View File

@ -1477,7 +1477,7 @@ export function ImageNode({ node, isSelected }: ImageNodeProps) {
className={cn(
"relative w-full h-full bg-card rounded-[4px] overflow-hidden border shadow-sm transition-colors",
isSelected
? "border-[#3182ed] shadow-none"
? "rounded-none border-[1.5px] border-[#27a8ff] shadow-none"
: "border-transparent"
)}
onMouseEnter={() => setIsHovered(true)}