mirror/FossFLOW
1
0
Fork 0
mirror of https://github.com/stan-smith/FossFLOW.git synced 2025-12-27 16:39:06 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: updates connector styling

Browse Source
This commit is contained in:
Mark Mankarious
2023-08-18 18:23:13 +01:00
parent 46de2cf19a
commit e21ed39c78
1 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Connectors/Connector/Connector.tsx
View File

@@ -78,6 +78,15 @@ export const Connector = ({ connector }: Props) => {
zoom={zoom}
fill="none"
>
<polyline
points={pathString}
stroke={theme.palette.common.white}
strokeWidth={connectorWidthPx * 1.4}
strokeLinecap="round"
strokeLinejoin="round"
strokeDasharray={strokeDashArray}
fill="none"
/>
<polyline
points={pathString}
stroke={connector.color}
@@ -87,15 +96,23 @@ export const Connector = ({ connector }: Props) => {
strokeDasharray={strokeDashArray}
fill="none"
/>
{anchorPositions.map((anchor) => {
return (
<Circle
position={CoordsUtils.add(anchor, drawOffset)}
radius={10 * zoom}
stroke={theme.palette.common.black}
fill={theme.palette.common.white}
strokeWidth={4 * zoom}
/>
<>
<Circle
position={CoordsUtils.add(anchor, drawOffset)}
radius={18 * zoom}
fill={theme.palette.common.white}
/>
<Circle
position={CoordsUtils.add(anchor, drawOffset)}
radius={12 * zoom}
stroke={theme.palette.common.black}
fill={theme.palette.common.white}
strokeWidth={6 * zoom}
/>
</>
);
})}
</IsoTileArea>