Size the strategy chart so that there is more visible screen space

bleunguts · Jan 27, 2024 · 2548d1a · 2548d1a
1 parent f5656de
commit 2548d1a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/Web/src/components/layout/Chart.tsx b/Web/src/components/layout/Chart.tsx
@@ -29,7 +29,7 @@ export default function Chart(props: ChartProps) {
       {label}
       </Typography>
       <ResponsiveContainer>
-      <LineChart width={400} height={200} data={data}>
+      <LineChart  data={data}>
         <YAxis yAxisId={0} orientation='left'/>
         <YAxis yAxisId={1} orientation='right'/>
         <XAxis dataKey="time" />

diff --git a/Web/src/components/layout/Main.tsx b/Web/src/components/layout/Main.tsx
@@ -52,10 +52,9 @@ export const Main = observer(function Main(props: MainProps) {
                 <CardContent>
                     <Paper
                         sx={{
-                            p: 2,
                             display: 'flex',
                             flexDirection: 'column',
-                            height: 200,
+                            height: 500,
                         }}
                     >              
                     <Typography>{tradingStrategyStore.symbol}</Typography>
@@ -70,9 +69,9 @@ export const Main = observer(function Main(props: MainProps) {
                 }}>
                 <CardContent>
                     <Paper sx={{
-                            p: 2,
                             display: 'flex',
-                            flexDirection: 'column',                            
+                            flexDirection: 'column',
+                            height: 400,        
                         }}
                     >   
                     <Typography style={{