- Fixed responsive widths on charts

- Log scaled the boxplots
jhiemstrawisc · Oct 9, 2024 · a31432e · a31432e
1 parent 5e5f149
commit a31432e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/web_ui/frontend/app/director/metrics/components/MetricBoxPlot.tsx b/web_ui/frontend/app/director/metrics/components/MetricBoxPlot.tsx
@@ -115,7 +115,7 @@ export const BytesMetricBoxPlot = ({
         maintainAspectRatio: false,
         scales: {
           y: {
-            type: 'logarithmic'
+            type: 'logarithmic',
           },
         },
         plugins: {
@@ -184,7 +184,7 @@ export const MetricBoxPlot = ({
         maintainAspectRatio: false,
         scales: {
           y: {
-            type: 'logarithmic'
+            type: 'logarithmic',
           },
         },
         plugins: {

diff --git a/web_ui/frontend/app/director/metrics/page.tsx b/web_ui/frontend/app/director/metrics/page.tsx
@@ -70,7 +70,7 @@ const Page = () => {
             </Grid>
           </Grid>
           <Grid item xs={12} display={'flex'} height={'32vh'}>
-            <Paper sx={{ width: "100%" }}>
+            <Paper sx={{ width: '100%' }}>
               <TransferBarGraph />
             </Paper>
           </Grid>
@@ -91,7 +91,7 @@ const Page = () => {
                 />,
               ].map((component, index) => (
                 <Grid key={index} item xs={6} display={'flex'}>
-                  <Paper sx={{ width: "100%" }}>{component}</Paper>
+                  <Paper sx={{ width: '100%' }}>{component}</Paper>
                 </Grid>
               ))}
             </Grid>