diff --git a/components/FlowEditor/nodes/IO/LedNode.tsx b/components/FlowEditor/nodes/IO/LedNode.tsx
index 64785eb..771b070 100644
--- a/components/FlowEditor/nodes/IO/LedNode.tsx
+++ b/components/FlowEditor/nodes/IO/LedNode.tsx
@@ -1,12 +1,21 @@
import { Handle, Position } from "react-flow-renderer";
-import { bottomBigStyle, topBigStyle } from "../styles";
+import {
+ bottomBigStyle,
+ bottomSmallStyle,
+ topBigStyle,
+ topDoubleRightStyle,
+} from "../styles";
type LedNodeProps = {};
const LedNode = (props: LedNodeProps) => {
return (
-
+
Светодиод
@@ -19,7 +28,11 @@ const LedNode = (props: LedNodeProps) => {
-
+
);
};
diff --git a/components/FlowEditor/nodes/IO/SensorNode.tsx b/components/FlowEditor/nodes/IO/SensorNode.tsx
index f953b55..68b0892 100644
--- a/components/FlowEditor/nodes/IO/SensorNode.tsx
+++ b/components/FlowEditor/nodes/IO/SensorNode.tsx
@@ -1,12 +1,21 @@
import { Handle, Position } from "react-flow-renderer";
-import { bottomBigStyle, topBigStyle } from "../styles";
+import {
+ bottomBigStyle,
+ bottomSmallStyle,
+ topBigStyle,
+ topDoubleRightStyle,
+} from "../styles";
type SensorNodeProps = {};
const SensorNode = (props: SensorNodeProps) => {
return (
-
+
Сенсор
@@ -17,7 +26,11 @@ const SensorNode = (props: SensorNodeProps) => {
-
+
);
};
diff --git a/components/FlowEditor/nodes/Logic/DelayNode.tsx b/components/FlowEditor/nodes/Logic/DelayNode.tsx
index a26293e..4920dfc 100644
--- a/components/FlowEditor/nodes/Logic/DelayNode.tsx
+++ b/components/FlowEditor/nodes/Logic/DelayNode.tsx
@@ -1,12 +1,21 @@
import { Handle, Position } from "react-flow-renderer";
-import { bottomBigStyle, topBigStyle } from "../styles";
+import {
+ bottomBigStyle,
+ bottomSmallStyle,
+ topBigStyle,
+ topDoubleRightStyle,
+} from "../styles";
type DelayNodeProps = {};
const DelayNode = (props: DelayNodeProps) => {
return (
-
+
Задержка
@@ -17,7 +26,11 @@ const DelayNode = (props: DelayNodeProps) => {
-
+
);
};
diff --git a/components/FlowEditor/nodes/Logic/MathNode.tsx b/components/FlowEditor/nodes/Logic/MathNode.tsx
index 9b11fca..6d5f42b 100644
--- a/components/FlowEditor/nodes/Logic/MathNode.tsx
+++ b/components/FlowEditor/nodes/Logic/MathNode.tsx
@@ -1,6 +1,7 @@
import { Handle, Position } from "react-flow-renderer";
import {
bottomBigStyle,
+ bottomSmallStyle,
topDoubleLeftStyle,
topDoubleRightStyle,
} from "../styles";
@@ -38,7 +39,11 @@ const MathNode = (props: MathNodeProps) => {
-
+
);
};
diff --git a/components/FlowEditor/nodes/styles.ts b/components/FlowEditor/nodes/styles.ts
index f63ad4e..1cc6074 100644
--- a/components/FlowEditor/nodes/styles.ts
+++ b/components/FlowEditor/nodes/styles.ts
@@ -1,24 +1,24 @@
const topDoubleLeftStyle = {
width: "20px",
- height: "20px",
+ height: "15px",
border: "none",
borderTopLeftRadius: "10px",
borderTopRightRadius: "10px",
borderBottomLeftRadius: "0px",
borderBottomRightRadius: "0px",
- top: "-20px",
+ top: "-15px",
left: "20px",
};
const topDoubleRightStyle = {
width: "20px",
- height: "20px",
+ height: "15px",
border: "none",
borderTopLeftRadius: "10px",
borderTopRightRadius: "10px",
borderBottomLeftRadius: "0px",
borderBottomRightRadius: "0px",
- top: "-20px",
+ top: "-15px",
};
const topBigStyle = {
@@ -43,4 +43,32 @@ const bottomBigStyle = {
bottom: "-10px",
};
-export { topBigStyle, bottomBigStyle, topDoubleLeftStyle, topDoubleRightStyle };
+const topSmallStyle = {
+ width: "20px",
+ height: "15px",
+ border: "none",
+ borderTopLeftRadius: "10px",
+ borderTopRightRadius: "10px",
+ borderBottomLeftRadius: "0px",
+ borderBottomRightRadius: "0px",
+ top: "-15px",
+};
+
+const bottomSmallStyle = {
+ width: "20px",
+ height: "15px",
+ border: "none",
+ borderTopLeftRadius: "0px",
+ borderTopRightRadius: "0px",
+ borderBottomLeftRadius: "10px",
+ borderBottomRightRadius: "10px",
+ bottom: "-15px",
+};
+
+export {
+ topBigStyle,
+ bottomBigStyle,
+ topDoubleLeftStyle,
+ topDoubleRightStyle,
+ bottomSmallStyle,
+};
diff --git a/styles/globals.css b/styles/globals.css
index 34d2b88..25a8736 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -63,6 +63,7 @@
.node-layout {
@apply flex flex-col items-center
+ rounded-lg
w-[150px] h-fit bg-bluePrimary
p-[4px];
}