jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Fix Plotly display issues

Browse Source
This commit is contained in:
James Ketr 2025-04-26 16:47:54 -07:00
parent f70fe8e225
commit 901ed3f9c0
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/VectorVisualizer.css
View File

@ -1,4 +1,4 @@
.js-plotly-plot {
/* .js-plotly-plot {
width: 100%;
height: 100%;
}
@ -16,4 +16,4 @@
.plotly .svg-container {
width: 100% !important;
height: 100% !important;
}
} */

12
frontend/src/VectorVisualizer.tsx
View File

@ -312,6 +312,7 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
<Box className="VectorVisualizer"
sx={{
display: 'flex',
position: 'relative',
flexDirection: 'column',
flexGrow: 1,
...sx
@ -324,12 +325,13 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
</Typography>
</Card>
}
<FormControlLabel sx={{
display: "inline-flex",
<FormControlLabel
sx={{
display: "flex",
position: "absolute",
width: "fit-content",
mb: '-2.5rem',
zIndex: 100,
ml: 1,
zIndex: 100,
flexBasis: 0,
flexGrow: 0
}}
@ -360,8 +362,6 @@ const VectorVisualizer: React.FC<VectorVisualizerProps> = (props: VectorVisualiz
style={{
display: "flex",
flexGrow: 1,
justifyContent: 'center',
alignItems: 'center',
minHeight: '240px',
padding: 0,
margin: 0,