From 6964c2de1b4895ca6813ee7fa293202c5660ba5d Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 14 Oct 2022 15:25:13 +0200
Subject: [PATCH] chore(nc-gui): increase boxshadow and node size in skeleton

---
 packages/nc-gui/components/erd/utils.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/erd/utils.ts b/packages/nc-gui/components/erd/utils.ts
index 90fc097844..bf58879bd1 100644
--- a/packages/nc-gui/components/erd/utils.ts
+++ b/packages/nc-gui/components/erd/utils.ts
@@ -26,7 +26,7 @@ interface Relation {
 }
 
 const nodeWidth = 300
-const nodeHeight = 35
+const nodeHeight = 50
 
 export function useErdElements(tables: MaybeRef<TableType[]>, props: MaybeRef<ErdFlowConfig>) {
   const elements = ref<Elements>([])
@@ -234,9 +234,9 @@ export function useErdElements(tables: MaybeRef<TableType[]>, props: MaybeRef<Er
         el.targetPosition = Position.Left
         el.sourcePosition = Position.Right
         el.position = { x: nodeWithPosition.x, y: nodeWithPosition.y }
-        el.class = 'rounded-lg'
+        el.class = ['rounded-lg'].join(' ')
         el.data.color = color
-        el.style = { boxShadow: `0 0 0 2px ${color}` }
+        el.style = { boxShadow: `0 0 0 ${skeleton ? '15px' : '2px'} ${color}` }
       } else if (isEdge(el)) {
         const node = elements.value.find((nodes) => nodes.id === el.source)
         if (node) {