mirror of
https://github.com/Aider-AI/aider.git
synced 2025-06-10 22:55:00 +00:00
feat: Limit cost bar to $50, mark bars exceeding, add tick labels
This commit is contained in:
parent
fd94f1a5f9
commit
f65e6a3bb1
2 changed files with 78 additions and 37 deletions
|
@ -34,7 +34,7 @@ human intervention.
|
|||
</th> <!-- Header checkbox added here -->
|
||||
<th style="padding: 8px; text-align: left;">Model</th>
|
||||
<th style="padding: 8px; text-align: center; width: 25%">Percent correct</th>
|
||||
<th style="padding: 8px; text-align: center; width: 25%">Cost</th>
|
||||
<th style="padding: 8px; text-align: center; width: 25%">Cost (max $50)</th>
|
||||
<th style="padding: 8px; text-align: left;" class="col-command">Command</th>
|
||||
<th style="padding: 8px; text-align: center; width: 10%" class="col-conform">Correct edit format</th>
|
||||
<th style="padding: 8px; text-align: left; width: 10%" class="col-edit-format">Edit Format</th>
|
||||
|
@ -171,6 +171,32 @@ human intervention.
|
|||
background-color: rgba(170, 170, 170, 0.5);
|
||||
z-index: 2; /* Above the bar but below the text */
|
||||
}
|
||||
.cost-tick-label {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(20px);
|
||||
font-size: 10px;
|
||||
color: #666;
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
margin-left: -10px;
|
||||
}
|
||||
.cost-exceeded {
|
||||
background-color: rgba(220, 53, 69, 0.3) !important; /* Red background for exceeded cost */
|
||||
border-right: 1px solid rgba(220, 53, 69, 0.5) !important;
|
||||
}
|
||||
.cost-exceeded-marker {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid transparent;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-left: 6px solid rgba(220, 53, 69, 0.8);
|
||||
z-index: 3;
|
||||
}
|
||||
.bar-viz {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue