dearwolf/aider
1
0
Fork 0
mirror of https://github.com/Aider-AI/aider.git synced 2025-06-01 02:05:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

adjust canvas height

Browse source
This commit is contained in:
Paul Gauthier 2024-08-15 13:27:35 -07:00
parent db5dbb5d13
commit c3fcaeac5e
2 changed files with 7 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

12
aider/website/_includes/code-in-json-benchmark.js
View file

@ -1,6 +1,4 @@
<div id="chartContainer" style="position: relative; height: 0; padding-bottom: 50%; margin-bottom: 20px;"> <canvas id="passRateChart" width="800" height="400" style="margin-bottom: 20px"></canvas>
<canvas id="passRateChart" style="position: absolute; width: 100%; height: 100%;"></canvas>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script> <script>
@ -109,12 +107,8 @@ document.addEventListener('DOMContentLoaded', function () {
// Adjust chart height based on screen width // Adjust chart height based on screen width
function adjustChartHeight() { function adjustChartHeight() {
var container = document.getElementById('chartContainer'); var container = document.getElementById('passRateChart');
if (window.innerWidth < 600) { container.height = 600;
container.style.paddingBottom = '75%'; // Increase height on small screens
} else {
container.style.paddingBottom = '50%'; // Default height
}
} }
// Call the function initially and on window resize // Call the function initially and on window resize

14
aider/website/_includes/code-in-json-syntax.js
View file

@ -1,7 +1,5 @@
<div id="syntaxErrorsContainer" style="position: relative; height: 0; padding-bottom: 50%; margin-bottom: 20px;"> <canvas id="passRateChart" width="800" height="400" style="margin-bottom: 20px"></canvas>
<canvas id="syntaxErrorsChart" style="position: absolute; width: 100%; height: 100%;"></canvas>
</div>
<script> <script>
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
var ctx = document.getElementById('syntaxErrorsChart').getContext('2d'); var ctx = document.getElementById('syntaxErrorsChart').getContext('2d');
@ -108,12 +106,8 @@ document.addEventListener('DOMContentLoaded', function () {
// Adjust chart height based on screen width // Adjust chart height based on screen width
function adjustChartHeight() { function adjustChartHeight() {
var container = document.getElementById('syntaxErrorsContainer'); var container = document.getElementById('passRateChart');
if (window.innerWidth < 600) { container.height = 600;
container.style.paddingBottom = '75%'; // Increase height on small screens
} else {
container.style.paddingBottom = '50%'; // Default height
}
} }
// Call the function initially and on window resize // Call the function initially and on window resize