feat: Draw tear across cost bar for exceeded costs on leaderboard

This commit is contained in:
Paul Gauthier (aider) 2025-04-13 13:37:01 -07:00
parent bec35e0538
commit 27b51d51d8
2 changed files with 21 additions and 5 deletions

View file

@ -215,7 +215,12 @@ document.addEventListener('DOMContentLoaded', function() {
// Mark bars that exceed the limit
if (cost > MAX_DISPLAY_COST) {
bar.classList.add('cost-exceeded');
// Add a tear marker at around $45 (90% of the way)
const tearMarker = document.createElement('div');
tearMarker.className = 'cost-tear-marker';
tearMarker.style.left = '90%'; // Position at 90% (around $45)
bar.parentNode.appendChild(tearMarker);
// Add a marker at the end of the bar
const marker = document.createElement('div');
marker.className = 'cost-exceeded-marker';