Merge pull request #4191 from tncoskun/fix-tvl-and-fee-rate-overflow-…

…when-zoom fixed: tvl and fee rate charts overflows when zooming
CrocSwap · Oct 7, 2024 · 2c25243 · 2c25243
2 parents 73975d8 + 47f875c
commit 2c25243
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/pages/platformAmbient/Chart/FeeRate/FeeRateChart.tsx b/src/pages/platformAmbient/Chart/FeeRate/FeeRateChart.tsx
@@ -427,7 +427,7 @@ function FeeRateChart(props: FreeRateData) {
                 style={{
                     display: 'block',
                     gridColumnStart: 1,
-                    gridColumnEnd: 4,
+                    gridColumnEnd: 3,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
@@ -440,7 +440,7 @@ function FeeRateChart(props: FreeRateData) {
                 style={{
                     display: 'block',
                     gridColumnStart: 1,
-                    gridColumnEnd: 4,
+                    gridColumnEnd: 3,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
@@ -470,7 +470,8 @@ function FeeRateChart(props: FreeRateData) {
                 ref={d3Yaxis}
                 style={{
                     width: yAxisWidth,
-                    gridColumn: 3,
+                    gridColumnStart: 3,
+                    gridColumnEnd: 4,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}

diff --git a/src/pages/platformAmbient/Chart/Tvl/TvlChart.tsx b/src/pages/platformAmbient/Chart/Tvl/TvlChart.tsx
@@ -586,7 +586,7 @@ function TvlChart(props: TvlData) {
                 style={{
                     display: 'block',
                     gridColumnStart: 1,
-                    gridColumnEnd: 4,
+                    gridColumnEnd: 3,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
@@ -599,7 +599,7 @@ function TvlChart(props: TvlData) {
                 style={{
                     display: 'block',
                     gridColumnStart: 1,
-                    gridColumnEnd: 4,
+                    gridColumnEnd: 3,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}
@@ -625,7 +625,8 @@ function TvlChart(props: TvlData) {
                 ref={d3Yaxis}
                 style={{
                     width: yAxisWidth,
-                    gridColumn: 3,
+                    gridColumnStart: 3,
+                    gridColumnEnd: 4,
                     gridRowStart: 1,
                     gridRowEnd: 3,
                 }}