diff --git a/src-web/components/RequestResponse.tsx b/src-web/components/RequestResponse.tsx index cb7a8894..0d961fbe 100644 --- a/src-web/components/RequestResponse.tsx +++ b/src-web/components/RequestResponse.tsx @@ -22,7 +22,7 @@ const drag = { gridArea: 'drag' }; const DEFAULT = 0.5; const MIN_WIDTH_PX = 10; const MIN_HEIGHT_PX = 30; -const STACK_VERTICAL_WIDTH = 600; +const STACK_VERTICAL_WIDTH = 700; export const RequestResponse = memo(function RequestResponse({ style }: Props) { const containerRef = useRef(null); @@ -37,9 +37,8 @@ export const RequestResponse = memo(function RequestResponse({ style }: Props) { null, ); - useResizeObserver(containerRef, ({ contentRect }) => { - const doIt = contentRect.width < STACK_VERTICAL_WIDTH; - setVertical(doIt); + useResizeObserver(containerRef.current, ({ contentRect }) => { + setVertical(contentRect.width < STACK_VERTICAL_WIDTH); }); const styles = useMemo( diff --git a/src-web/components/SettingsDropdown.tsx b/src-web/components/SettingsDropdown.tsx index 9e78cd73..3346acde 100644 --- a/src-web/components/SettingsDropdown.tsx +++ b/src-web/components/SettingsDropdown.tsx @@ -109,7 +109,7 @@ export function SettingsDropdown() { }, ]} > - + ); } diff --git a/tsconfig.json b/tsconfig.json index 12d4cae7..2cdc14b6 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,6 +1,6 @@ { "compilerOptions": { - "target": "ESNext", + "target": "es2021", "useDefineForClassFields": true, "lib": ["DOM", "DOM.Iterable", "ESNext"], "allowJs": false,