touchups

PostHog · Sep 4, 2024 · 775f345 · 775f345
1 parent 8544c14
commit 775f345
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/scenes/data-model/Node.tsx b/frontend/src/scenes/data-model/Node.tsx
@@ -10,7 +10,7 @@ function GenericNode({ pref, className = '', children }: NodeProps): JSX.Element
     return (
         <div
             ref={pref}
-            className={`flex max-w-[200px] px-4 py-3 justify-center items-center space-between gap-1 bg-white border border-black border-2 rounded-lg ${className}`}
+            className={`flex max-w-[200px] px-4 py-3 justify-center items-center space-between gap-1 bg-bg-3000 border border-black border-2 rounded-lg truncate ${className}`}
         >
             {children}
         </div>

diff --git a/frontend/src/scenes/data-model/NodeCanvasWithTable.tsx b/frontend/src/scenes/data-model/NodeCanvasWithTable.tsx
@@ -6,7 +6,7 @@ import { FixedField, JoinedField, TableFields } from './TableFields'
 import { Edge, Node, NodePosition, NodePositionWithBounds, NodeWithDepth, Position } from './types'
 
 const VERTICAL_SPACING = 150
-const HORIZONTAL_SPACING = 200
+const HORIZONTAL_SPACING = 250
 
 const assignDepths = (nodes: Node[]): NodeWithDepth[] => {
     const nodeMap: { [id: string]: NodeWithDepth } = {}
@@ -330,7 +330,7 @@ const NodeCanvasWithTable = ({
                                C ${controlPoint1X} ${controlPoint1Y}, 
                                  ${controlPoint2X} ${controlPoint2Y}, 
                                  ${edge.to.x + offset.x} ${edge.to.y + offset.y}`}
-                            stroke="black"
+                            stroke="var(--text-3000)"
                             strokeWidth="2"
                             fill="none"
                         />
@@ -395,7 +395,7 @@ interface TableFieldNodeProps {
 
 function TableFieldNode({ nodeRef, rowsRefs, fixedFields, joinedFields, tableName }: TableFieldNodeProps): JSX.Element {
     return (
-        <div ref={nodeRef} className="w-[500px] bg-white border border-black border-2 rounded-lg">
+        <div ref={nodeRef} className="w-[500px] bg-bg-3000 border border-black border-2 rounded-lg">
             <TableFields
                 fixedFields={fixedFields}
                 joinedFields={joinedFields}

diff --git a/frontend/src/scenes/data-model/TableFields.tsx b/frontend/src/scenes/data-model/TableFields.tsx
@@ -41,7 +41,7 @@ export function TableFields({ fixedFields, joinedFields, rowsRefs, tableName }:
                     <h4>Schema</h4>
                 </div>
                 <LemonTable
-                    className="bg-[white] rounded-none"
+                    className="bg-bg-3000 rounded-none"
                     columns={[
                         {
                             key: 'column',
@@ -73,7 +73,7 @@ export function TableFields({ fixedFields, joinedFields, rowsRefs, tableName }:
                     </LemonButton>
                 </div>
                 <LemonTable
-                    className="bg-[white] rounded-none"
+                    className="bg-bg-3000 rounded-none"
                     columns={[
                         {
                             key: 'name',