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

feat: Make charts responsive and taller on mobile

Browse source
This commit is contained in:
Paul Gauthier (aider) 2024-12-26 20:02:11 -04:00
parent 36cf2348d0
commit dedbc20ac6
1 changed files with 23 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

25
aider/website/_includes/blame.md
View file

@ -1,5 +1,24 @@
<canvas id="blameChart" width="800" height="360" style="margin-top: 20px"></canvas> <div class="chart-container">
<canvas id="linesChart" width="800" height="360" style="margin-top: 20px"></canvas> <canvas id="blameChart" style="margin-top: 20px"></canvas>
</div>
<div class="chart-container">
<canvas id="linesChart" style="margin-top: 20px"></canvas>
</div>
<style>
.chart-container {
position: relative;
width: 100%;
height: 360px;
}
@media (max-width: 768px) {
.chart-container {
height: 480px; /* Taller on mobile */
}
}
</style>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment"></script> <script src="https://cdn.jsdelivr.net/npm/moment"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment"></script>
@ -43,6 +62,7 @@ document.addEventListener('DOMContentLoaded', function () {
type: 'bar', type: 'bar',
data: blameData, data: blameData,
options: { options: {
maintainAspectRatio: false,
scales: { scales: {
x: { x: {
type: 'category', type: 'category',
@ -92,6 +112,7 @@ document.addEventListener('DOMContentLoaded', function () {
type: 'bar', type: 'bar',
data: linesData, data: linesData,
options: { options: {
maintainAspectRatio: false,
scales: { scales: {
x: { x: {
type: 'category', type: 'category',