fix(devtools): make panel height responsive for fullscreen view#322
fix(devtools): make panel height responsive for fullscreen view#322Dhavanesh24cs412 wants to merge 1 commit intoTanStack:mainfrom
Conversation
- Replace hardcoded 400px height with viewport-relative calculation - Height now scales as 50% of viewport height - Respects minimum (300px) and maximum (400px) constraints - Fixes issue where devtools panel was fixed to small height in fullscreen - Panel now properly adapts to different screen sizes Fixes TanStack#320
|
|
This responsive height solution addresses the issue well. By replacing the hardcoded 400px with a calculated value based on viewport height, the devtools panel now adapts beautifully to fullscreen views. The 50% viewport-based approach is clean and maintains usability across all screen sizes. |
|
@Dhavanesh24cs412 @tolfi sorry but what does this solve exactly? there's a resize bar on top of the devtools where you can expand them and lower them to any height you like and it's persisted across sections, or am I misunderstanding the problem? |

Description
Fixes the responsive height issue for TanStack devtools panel in fullscreen view.
Problem
The devtools panel was hardcoded to 400px height, making it fixed and non-responsive to different screen sizes or fullscreen view.
Solution
Type of Change
Testing
Related Issue
Closes #320