feat: adjust distances between form nodes (#65)

Co-authored-by: linusbbb <lbrombacher03@gmail.com>
geprog · Jan 8, 2025 · b48e644 · b48e644
1 parent 62d1afe
commit b48e644
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/former/src/components/FormDragContainer.vue b/packages/former/src/components/FormDragContainer.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="relative flex flex-col gap-3 before:content-[attr(data-drag-hint)] before:hidden before:m-auto before:text-center"
+    class="relative flex flex-col gap-4 before:content-[attr(data-drag-hint)] before:hidden before:m-auto before:text-center"
     :class="{ 'former-drag-container min-h-24 w-full border-2 border-dashed rounded-md border-zinc-200 empty:before:block empty:bg-zinc-100 empty:dark:bg-zinc-700': mode === 'build' }"
     :data-parent-node="node?._id"
     :data-category="category"

diff --git a/packages/former/src/components/FormNode.vue b/packages/former/src/components/FormNode.vue
@@ -3,11 +3,11 @@
     v-if="isShown || mode === 'build'"
     :data-node="node._id"
     :draggable="mode === 'build'"
-    class="relative flex items-center duration-0 w-full py-2 px-2 rounded"
+    class="relative flex items-center duration-0 w-full rounded"
     :class="{
       'border-2 !border-blue-600': mode === 'build' && selectedNode?._id === node._id,
       'bg-zinc-300 dark:bg-zinc-700 rounded': mode === 'build' && !isShown,
-      'former-draggable ': mode === 'build',
+      'former-draggable p-2': mode === 'build',
       'border-2 border-red-500': mode === 'build' && !isNodeValidFlag,
     }"
     @click.stop="selectedNode = node"