fix: node height changing bug caused by border (#387)

codepod-io · Jul 22, 2023 · 46d1b0e · 46d1b0e
1 parent 4e9394c
commit 46d1b0e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/ui/src/components/nodes/Code.tsx b/ui/src/components/nodes/Code.tsx
@@ -604,6 +604,8 @@ export const CodeNode = memo<NodeProps>(function ({
           background: "#eee",
           borderRadius: "5px",
           border: "5px solid red",
+          // Offset the border to prevent the node height from changing.
+          margin: "-5px",
           textAlign: "center",
           height: pod.height,
           width: pod.width,

diff --git a/ui/src/components/nodes/Rich.tsx b/ui/src/components/nodes/Rich.tsx
@@ -815,6 +815,8 @@ export const RichNode = memo<Props>(function ({
           background: "#eee",
           borderRadius: "5px",
           border: "5px solid red",
+          // Offset the border to prevent the node height from changing.
+          margin: "-5px",
           textAlign: "center",
           height: pod.height,
           width: pod.width,