add padding and background remover from layout to show real block, ba…

…sed on #44, #4, #63

assets/css/app.css

@@ -6,6 +6,10 @@
   @apply flex flex-row bg-gray-200 border-2 justify-between items-stretch border-dashed border-gray-200 rounded-tl-none rounded-md p-5 hover:border-2 hover:border-dashed hover:duration-300 duration-1000 lg:px-1 relative shadow-md;
 }
 
+.create-layout-pure {
+  @apply flex flex-row justify-between items-stretch relative;
+}
+
 .create-section {
   @apply flex flex-col justify-between items-stretch min-h-[200px] w-full border border-dashed border-gray-400 p-1;
 }

assets/js/app.js

@@ -215,6 +215,12 @@ Hooks.dragAndDropLocation = {
         html: bodyDOM.innerHTML,
       });
     });
+
+    this.handleEvent('clean_layout_default_style', ({ block_id }) => {
+      const layoutDOM = document.getElementById(`layout-${block_id}`);
+      layoutDOM.classList.toggle('create-layout');
+      layoutDOM.classList.toggle('create-layout-pure');
+    });
   },
 };