Karan6124 commited on
Commit
8e24ed8
·
1 Parent(s): 8c1f10e

style: further expand maximized chart container height to 850px / 650px

Browse files

- StockChart.tsx: Adjust isMaximized chart height variables to 850px (with RSI) and 650px (without RSI) to deliver maximum candlestick resolution.

frontend/src/components/StockChart.tsx CHANGED
@@ -432,8 +432,12 @@ export default function StockChart({ activeTicker, chartData, activeStats, chart
432
  display: 'flex',
433
  flexDirection: 'column',
434
  height: '100%',
435
- overflow: isMaximized ? 'hidden' : 'visible',
436
- gap: isMaximized ? '14px' : '0'
 
 
 
 
437
  }}
438
  >
439
  {activeStats && (
@@ -659,8 +663,8 @@ export default function StockChart({ activeTicker, chartData, activeStats, chart
659
  flexDirection: 'column',
660
  gap: isMaximized ? '14px' : '16px',
661
  padding: isMaximized ? '16px 24px 24px' : '16px 16px 32px',
662
- flex: isMaximized ? 1 : 'unset',
663
- height: isMaximized ? 'auto' : (showRSI ? '450px' : '340px')
664
  }}>
665
  {/* Floating Add Marker Form */}
666
  {showAddMarkerForm && (
 
432
  display: 'flex',
433
  flexDirection: 'column',
434
  height: '100%',
435
+ overflowY: isMaximized ? 'auto' : 'visible',
436
+ overflowX: 'hidden',
437
+ scrollbarWidth: 'thin',
438
+ scrollbarColor: 'rgba(255,255,255,0.06) transparent',
439
+ gap: isMaximized ? '14px' : '0',
440
+ paddingRight: isMaximized ? '8px' : '0'
441
  }}
442
  >
443
  {activeStats && (
 
663
  flexDirection: 'column',
664
  gap: isMaximized ? '14px' : '16px',
665
  padding: isMaximized ? '16px 24px 24px' : '16px 16px 32px',
666
+ flex: 'unset',
667
+ height: isMaximized ? (showRSI ? '850px' : '650px') : (showRSI ? '450px' : '340px')
668
  }}>
669
  {/* Floating Add Marker Form */}
670
  {showAddMarkerForm && (