From 49f04a8f982f842b6f7cb19601ad3a9d22d3994f Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Mon, 19 Jan 2026 23:38:16 -0300
Subject: [PATCH] feat: display toolbar inside element

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/components/DraggableElement.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/DraggableElement.vue b/src/components/DraggableElement.vue
index bdf6a5f..55bdeb1 100644
--- a/src/components/DraggableElement.vue
+++ b/src/components/DraggableElement.vue
@@ -189,9 +189,12 @@ export default {
       const x = this.object.x + offsetX + resizeOffsetX
       const y = this.object.y + offsetY + resizeOffsetY
       const width = this.object.width + resizeOffsetW
+      const toolbarOffset = 60
+      const nextTop = y - toolbarOffset
+      const top = nextTop < 0 ? (y + 8) : nextTop
       return {
         left: `${(x + width / 2) * scale}px`,
-        top: `${(y - 60) * scale}px`,
+        top: `${top * scale}px`,
         transform: 'translateX(-50%)',
       }
     },