fix: scrollable query list when overflowed (#46)

* use overflow prop
tannerlinsley · Jul 23, 2020 · 7872193 · 7872193
1 parent f947c59
commit 7872193
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/index.js b/src/index.js
@@ -295,6 +295,7 @@ export const ReactQueryDevtoolsPanel = React.forwardRef(
             style={{
               flex: '1 1 500px',
               minHeight: '40%',
+              maxHeight: '100%',
               overflow: 'auto',
               borderRight: `1px solid ${theme.grayAlt}`,
               display: 'flex',
@@ -407,7 +408,7 @@ export const ReactQueryDevtoolsPanel = React.forwardRef(
             </div>
             <div
               style={{
-                overflow: 'auto',
+                overflow: 'auto scroll',
               }}
             >
               {queries.map((query, i) => (