Ver Fonte

feat(editor): replace drag handle with asterisk, increase base opacity

- Swap grip-vertical icon for asterisk to align with outliner-style affordance
- Change base opacity from 0 to 30 so the handle is faintly visible at rest
Zander Hawke há 20 horas atrás
pai
commit
7d1673f99f
1 ficheiros alterados com 3 adições e 2 exclusões
  1. 3 2
      packages/editor/src/components/Editor.vue

+ 3 - 2
packages/editor/src/components/Editor.vue

@@ -1054,11 +1054,12 @@ defineExpose({
           draggable="true"
           class="flex items-center justify-center cursor-grab active:cursor-grabbing rounded transition-all"
           data-drag-handle
-          :class="dragState?.blockId === block.id ? 'size-7 text-(--ui-primary)' : 'size-6 text-(--ui-text-muted) opacity-0 group-hover/block:opacity-100 group-hover/block:text-(--ui-primary)'"
+          :class="dragState?.blockId === block.id ? 'size-7 text-(--ui-primary)'
+            : 'size-6 text-(--ui-text-muted) opacity-30 group-hover/block:opacity-100 group-hover/block:text-(--ui-primary)'"
           @dragstart="onDragStart(i, block.id, block.content, block.depth, $event)"
           @dragend="onDragEnd"
         >
-          <UIcon name="i-lucide-grip-vertical" class="size-4" />
+          <UIcon name="i-lucide-asterisk" />
         </div>
       </div>