fix nested button markup

deck9 · Oct 25, 2024 · 74a978f · 74a978f
1 parent b0ca8af
commit 74a978f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/resources/js/components/Factory/Sidebar/Block.vue b/resources/js/components/Factory/Sidebar/Block.vue
@@ -2,8 +2,8 @@
   <div class="relative pb-6 text-sm">
     <InsertAfterButton v-bind="{ block }" />
 
-    <button
-      class="group relative block w-full cursor-pointer overflow-visible rounded-md p-4 text-left"
+    <div
+      class="group relative block w-full overflow-visible rounded-md p-4 text-left"
       :class="[cardStyle, { 'opacity-50': block.is_disabled }]"
       @click.stop="workbench.putOnWorkbench(block)"
     >
@@ -60,7 +60,7 @@
 
       <!-- Block Logic -->
       <BlockLogicVisualizer v-if="store.showLogicInStoryboard" />
-    </button>
+    </div>
   </div>
 </template>
 

diff --git a/resources/js/components/Factory/Sidebar/Group.vue b/resources/js/components/Factory/Sidebar/Group.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="relative pb-6 text-sm">
     <InsertAfterButton v-bind="{ block }" />
-    <button
+    <div
       class="relative block w-full rounded-md border-dashed px-4 py-3 text-left"
       :class="[cardStyle, { 'opacity-50': block.is_disabled }]"
       @click.stop="workbench.putOnWorkbench(block)"
     >
       <button
-        class="-ml-2 rounded pl-2 pr-5 py-1 font-bold text-grey-400 hover:bg-grey-100 block text-left"
+        class="rounded pl-2 pr-5 py-1 font-bold text-grey-400 hover:bg-grey-100 block text-left"
         :class="[{ 'mb-3': !isCollapsed }]"
         @click.prevent="toggleGroup"
       >
@@ -59,7 +59,7 @@
 
       <!-- Block Logic -->
       <BlockLogicVisualizer v-if="store.showLogicInStoryboard" />
-    </button>
+    </div>
   </div>
 </template>