webui: fix width for pre tags in bug messages

1 files changed, 16 insertions, 0 deletions

diff --git a/webui/src/tag/PreTag.js b/webui/src/tag/PreTag.js
new file mode 100644
index 00000000..c2440df9
--- /dev/null
+++ b/webui/src/tag/PreTag.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/styles';
+
+const useStyles = makeStyles({
+  tag: {
+    maxWidth: '100%',
+    overflowX: 'auto',
+  },
+});
+
+const PreTag = props => {
+  const classes = useStyles();
+  return <pre className={classes.tag} {...props}></pre>;
+};
+
+export default PreTag;