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 |
-
|
| 436 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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:
|
| 663 |
-
height: isMaximized ? '
|
| 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 && (
|