From 9f7504c53fa8e5fb0b2892d942f4143468caeffc Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Sat, 8 Oct 2022 15:32:36 +0100
Subject: [PATCH] Reduce padding when dragging over a component tree and remove
 unused component class names

---
 packages/client/src/components/Component.svelte | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index e6dbbf8579..c3d6de5cae 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -459,9 +459,6 @@
     class:block={isBlock}
     class:explode={interactive && hasChildren && inDndPath}
     class:placeholder={id === "placeholder"}
-    class:screen={isScreen}
-    class:dragging={$builderStore.selectedComponentId === id &&
-      $builderStore.isDragging}
     data-id={id}
     data-name={name}
     data-icon={icon}
@@ -495,7 +492,7 @@
     transition: padding 250ms ease, border 250ms ease;
   }
   .component.explode :global(> *) {
-    padding: 32px !important;
+    padding: 16px !important;
     gap: 16px !important;
     border: 2px dashed var(--spectrum-global-color-gray-400) !important;
     border-radius: 4px !important;
@@ -509,7 +506,4 @@
   .editing :global(*:hover) {
     cursor: auto;
   }
-  .dragging {
-    pointer-events: none;
-  }
 </style>