|
|
|
@ -94,9 +94,9 @@ function renderBracket() { |
|
|
|
matchesContainer.className = 'matches-container'; |
|
|
|
matchesContainer.className = 'matches-container'; |
|
|
|
if (roundIndex >= finalRoundIndex - 1) { |
|
|
|
if (roundIndex >= finalRoundIndex - 1) { |
|
|
|
if (roundCount > 5) { |
|
|
|
if (roundCount > 5) { |
|
|
|
matchesContainer.style.transform = `translateX(-25%)`; |
|
|
|
|
|
|
|
if (roundIndex >= finalRoundIndex + 2) { |
|
|
|
|
|
|
|
matchesContainer.style.transform = `translateX(-50%)`; |
|
|
|
matchesContainer.style.transform = `translateX(-50%)`; |
|
|
|
|
|
|
|
if (roundIndex >= finalRoundIndex + 2) { |
|
|
|
|
|
|
|
matchesContainer.style.transform = `translateX(-100%)`; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -281,6 +281,7 @@ function renderBracket() { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
gap: 40px; /* Increased to account for horizontal lines (20px on each side) */ |
|
|
|
gap: 40px; /* Increased to account for horizontal lines (20px on each side) */ |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
margin-bottom: 80px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|