fix: improve devtools styles

tannerlinsley · tannerlinsley · commit 7e29579c60e2 · 2021-01-01T12:30:02.000-07:00
diff --git a/media/logo.sketch b/media/logo.sketch
diff --git a/src/devtools/Explorer.tsx b/src/devtools/Explorer.tsx
@@ -9,6 +9,7 @@ export const Entry = styled('div', {
   fontSize: '0.9rem',
   lineHeight: '1.7',
   outline: 'none',
+  wordBreak: 'break-word',
 })
 
 export const Label = styled('span', {
diff --git a/src/devtools/devtools.tsx b/src/devtools/devtools.tsx
@@ -633,6 +633,7 @@ export const ReactQueryDevtoolsPanel = React.forwardRef(
                       style={{
                         margin: 0,
                         padding: 0,
+                        overflow: 'auto',
                       }}
                     >
                       {JSON.stringify(activeQuery.queryKey, null, 2)}

Original file line number	Diff line number	Diff line change
`@@ -633,6 +633,7 @@ export const ReactQueryDevtoolsPanel = React.forwardRef(`
`633`	`633`	`style={{`
`634`	`634`	`margin: 0,`
`635`	`635`	`padding: 0,`
	`636`	`+ overflow: 'auto',`
`636`	`637`	`}}`
`637`	`638`	`>`
`638`	`639`	`{JSON.stringify(activeQuery.queryKey, null, 2)}`