- 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
@@ -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>