fix: drag square corners not transparent

1. inspired by https://kryogenix.org/code/browser/custom-drag-image.html

src/assets/css/tailwind.css

@@ -3,9 +3,9 @@
 @tailwind utilities;
 
 body {
-	font-family: 'Inter var';
+  font-family: 'Inter var';
   font-size: 16px;
-  font-feature-settings: "cv02","cv03","cv04","cv11";
+  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
   @apply bg-gray-50 dark:bg-gray-900;
 }
 table th,
@@ -16,12 +16,11 @@ input:focus,
 button:focus,
 textarea:focus,
 select:focus,
-[role="button"]:focus {
-	outline: none;
-	@apply ring-2 ring-accent dark:ring-gray-200;
+[role='button']:focus {
+  outline: none;
+  @apply ring-2 ring-accent dark:ring-gray-200;
 }
 
-
 .text-overflow {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -57,6 +56,6 @@ select:focus,
     @apply bg-black bg-opacity-5 hover:bg-opacity-10 dark:bg-gray-200 dark:bg-opacity-5 dark:hover:bg-opacity-10;
   }
   .bg-box-transparent {
-  	@apply bg-black bg-opacity-5 dark:bg-gray-200 dark:bg-opacity-5;
+    @apply bg-black bg-opacity-5 dark:bg-gray-200 dark:bg-opacity-5;
   }
 }

src/components/newtab/workflow/WorkflowDetailsCard.vue

@@ -139,6 +139,7 @@
           :title="block.description || block.name"
           draggable="true"
           class="
+            transform
             select-none
             cursor-move
             relative