fix: mehr Abstand Iris↔Grid + Linien enger gebündelt
- gap: 32px → 64px (doppelter Vertikalraum) - startX: 0.30+0.40 → 0.38+0.24 (enger unter Iris) - cp1y: startY+40 → startY+70 (tiefer vor Spread) - cp2x: ±50 → ±35 (sanftere Card-Annäherung)
This commit is contained in:
@@ -118,7 +118,7 @@ const connectionPaths = computed<Record<string, ConnectionPath | null>>(() => {
|
|||||||
|
|
||||||
// Spread start points across Iris bottom edge (30%-70% range)
|
// Spread start points across Iris bottom edge (30%-70% range)
|
||||||
const t = total > 1 ? idx / (total - 1) : 0.5
|
const t = total > 1 ? idx / (total - 1) : 0.5
|
||||||
const startX = iris.left + iris.width * (0.30 + t * 0.40)
|
const startX = iris.left + iris.width * (0.38 + t * 0.24)
|
||||||
const startY = iris.bottom - 1
|
const startY = iris.bottom - 1
|
||||||
|
|
||||||
// Determine column: left or right of Iris center
|
// Determine column: left or right of Iris center
|
||||||
@@ -130,8 +130,8 @@ const connectionPaths = computed<Record<string, ConnectionPath | null>>(() => {
|
|||||||
|
|
||||||
// Bézier control points
|
// Bézier control points
|
||||||
const cp1x = startX
|
const cp1x = startX
|
||||||
const cp1y = startY + 40
|
const cp1y = startY + 70
|
||||||
const cp2x = endX + (isLeftColumn ? 50 : -50)
|
const cp2x = endX + (isLeftColumn ? 35 : -35)
|
||||||
const cp2y = endY - 10
|
const cp2y = endY - 10
|
||||||
|
|
||||||
const d = `M ${startX} ${startY} C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${endX} ${endY}`
|
const d = `M ${startX} ${startY} C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${endX} ${endY}`
|
||||||
@@ -445,7 +445,7 @@ onUnmounted(() => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 32px;
|
gap: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-slot {
|
.hero-slot {
|
||||||
|
|||||||
Reference in New Issue
Block a user