From 8fae2ad7262314bae89ad5e8091bf5afb95c695f Mon Sep 17 00:00:00 2001 From: SeanCassiere <33615041+SeanCassiere@users.noreply.github.com> Date: Wed, 24 Dec 2025 21:37:36 +1300 Subject: [PATCH 1/2] feat(devtools): expose calculated main panel height as CSS variable --- packages/devtools/src/components/main-panel.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/devtools/src/components/main-panel.tsx b/packages/devtools/src/components/main-panel.tsx index 17b1cfbf..e96868d8 100644 --- a/packages/devtools/src/components/main-panel.tsx +++ b/packages/devtools/src/components/main-panel.tsx @@ -21,6 +21,7 @@ export const MainPanel = (props: { id={TANSTACK_DEVTOOLS} style={{ height: pip().pipWindow ? '100vh' : height() + 'px', + '--tsd-main-panel-height': pip().pipWindow ? '100vh' : height() + 'px', }} class={clsx( styles().devtoolsPanelContainer( From 18fd9d34bd4fec73af40ebd14336c06b3e68d84f Mon Sep 17 00:00:00 2001 From: Alem Tuzlak Date: Wed, 24 Dec 2025 10:06:22 +0100 Subject: [PATCH 2/2] changeset --- .changeset/lemon-roses-hammer.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/lemon-roses-hammer.md diff --git a/.changeset/lemon-roses-hammer.md b/.changeset/lemon-roses-hammer.md new file mode 100644 index 00000000..d09ba6e7 --- /dev/null +++ b/.changeset/lemon-roses-hammer.md @@ -0,0 +1,5 @@ +--- +'@tanstack/devtools': patch +--- + +Allow config on the height of the panel