bitcoin-dca was forked. Continue chatting to ask questions about or make changes to it.
on mobile the green chart line leaves the block instead it should stay within the card please fix it
I'll adjust the chart component to ensure that the green line stays within the card on mobile devices. Let's modify the BitcoinPriceChart component to make it more responsive.
These changes will make the chart more responsive and ensure that the green line stays within the card on mobile devices. The adjustments include:
- Setting a minimum height for the chart container.
- Adding responsive margins to the LineChart.
- Simplifying the X-axis labels and reducing font size.
- Simplifying the Y-axis labels and reducing font size.
- Reducing the stroke width of the line and disabling animations to prevent overflow.
These modifications should help keep the chart contained within the card on mobile devices while maintaining its readability and visual appeal.
as you can see on the image, on the mobile view the content of the chart is leaving the intended space
it should be limited to a frame on the card with the same padding as on the left side of the chart
now let's try to make the chart slightly less wide as well on mobile only to provide more information on a not wide screen
please fix that the chart doesn't leave the card and stays in the frame and make it denser on mobile
