mirror of
https://github.com/haexhub/haex-hub.git
synced 2025-12-17 06:30:50 +01:00
Improve desktop grid positioning and spacing
- Increase icon spacing from 20px to 30px padding - Add vertical grid offset (-30px) to start grid higher - Remove screen-size dependent grid columns/rows (now fully dynamic) - Fix dropzone visualization to use consistent snapToGrid function - Clean up unused UI store dependencies
This commit is contained in:
@ -301,7 +301,7 @@ const { x: mouseX, y: mouseY } = useMouse()
|
||||
const dropTargetZone = computed(() => {
|
||||
if (!isDragging.value) return null
|
||||
|
||||
// Use the actual icon position during drag, not the mouse position
|
||||
// Use the actual icon position during drag
|
||||
const iconX = currentDraggedItem.x
|
||||
const iconY = currentDraggedItem.y
|
||||
|
||||
@ -313,11 +313,14 @@ const dropTargetZone = computed(() => {
|
||||
currentDraggedItem.height || undefined,
|
||||
)
|
||||
|
||||
// Show dropzone at snapped position with grid cell size
|
||||
const cellSize = desktopStore.gridCellSize
|
||||
|
||||
return {
|
||||
x: snapped.x,
|
||||
y: snapped.y,
|
||||
width: currentDraggedItem.width || desktopStore.gridCellSize,
|
||||
height: currentDraggedItem.height || desktopStore.gridCellSize,
|
||||
width: currentDraggedItem.width || cellSize,
|
||||
height: currentDraggedItem.height || cellSize,
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user