feat: update layout for selected node

stakwork · Jan 7, 2025 · bbae640 · bbae640
1 parent cfe47b9
commit bbae640
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/Universe/Graph/Cubes/SelectionDataNodes/Node/index.tsx b/src/components/Universe/Graph/Cubes/SelectionDataNodes/Node/index.tsx
@@ -1,5 +1,6 @@
 import { Html } from '@react-three/drei'
 import { useFrame } from '@react-three/fiber'
+import clsx from 'clsx'
 import { useRef } from 'react'
 import styled from 'styled-components'
 import { Mesh, Vector3 } from 'three'
@@ -63,7 +64,7 @@ export const Node = ({ onClick, node, selected, rounded = true, x, y, z, id }: P
         <Wrapper align="center" direction="row" justify="flex-start">
           <>
             {selected ? (
-              <Selected rounded={false}>
+              <Selected className={clsx({ 'has-padding': descriptionShortened })} rounded={false}>
                 {isAdmin && (
                   <EditButton onClick={() => openEditNodeNameModal()}>
                     <EditIcon />
@@ -157,7 +158,9 @@ const Selected = styled(Tag)`
   font-family: Barlow;
   font-weight: 700;
   text-align: left;
-  padding: 12px;
+  &.has-padding {
+    padding: 12px;
+  }
 
   .selected__title {
     position: absolute;