style: update LineGraph.tsx plotly chat width to be dynamic with user…

…'s screen width
fac30 · Dec 16, 2024 · 3a4d306 · 3a4d306
1 parent 17229a2
commit 3a4d306
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/app/insights/components/LineGraph.tsx b/src/app/insights/components/LineGraph.tsx
@@ -21,6 +21,8 @@ export default function LineGraph({
   endOfRange,
   selectedButton,
 }: LineGraphProps) {
+  const width = screen.width * 0.85;
+
   if (!dataArray || dataArray.length === 0) {
     return <div>No data available for the graph.</div>;
   }
@@ -181,8 +183,8 @@ export default function LineGraph({
               },
             ]}
             layout={{
-              width: 350,
-              height: 350,
+              width: width,
+              height: width,
               margin: {
                 l: 10,
                 r: 10,