diff --git a/src/lib/utils.ts b/src/lib/utils.ts index bff17e4..7cf4e63 100644 --- a/src/lib/utils.ts +++ b/src/lib/utils.ts @@ -54,13 +54,21 @@ export function getDefaultLayoutSettings(): FormLayoutSettings { export function generateDefaultLayout(order: number): ElementLayout { const baseX = 50 const baseY = 50 - const spacing = 100 + const elementWidth = 300 + const elementHeight = 80 + const horizontalSpacing = 320 // немного больше ширины элемента + const verticalSpacing = 100 + const elementsPerRow = 3 // количество элементов в ряду + + // Вычисляем позицию в сетке + const row = Math.floor(order / elementsPerRow) + const col = order % elementsPerRow return { - x: baseX, - y: baseY + order * spacing, - width: 300, - height: 80, + x: baseX + col * horizontalSpacing, + y: baseY + row * verticalSpacing, + width: elementWidth, + height: elementHeight, zIndex: 1, } }