fix(devtools): ui fixes

artalar · Feb 5, 2025 · 494c065 · 494c065
1 parent 8cd5de2
commit 494c065
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/devtools/src/Graph/reatomFilters.tsx b/packages/devtools/src/Graph/reatomFilters.tsx
@@ -354,6 +354,9 @@ export const reatomFilters = (
   const FiltersComponent = () => (
     <div
       css={`
+        flex-shrink: 0;
+        max-height: 40%;
+        overflow: auto;
         & input::placeholder {
           color: currentColor;
           opacity: 0.8;

diff --git a/packages/devtools/src/index.tsx b/packages/devtools/src/index.tsx
@@ -80,7 +80,7 @@ export const _connectDevtools = async (
       aria-label="Reatom devtools DnD handler"
       tabindex="0"
       css={`
-        --size: 5rem;
+        --size: 80px;
         position: absolute;
         width: var(--size);
         height: var(--size);
@@ -96,8 +96,8 @@ export const _connectDevtools = async (
         if (e.currentTarget.hasPointerCapture(e.pointerId)) {
           moved = true
           folded = null
-          width(ctx, `${Math.min(window.innerWidth * 0.9, window.innerWidth - e.clientX)}px`)
-          height(ctx, `${Math.min(window.innerHeight * 0.9, window.innerHeight - e.clientY)}px`)
+          width(ctx, `${Math.min(window.innerWidth * 0.95, window.innerWidth - e.clientX)}px`)
+          height(ctx, `${Math.min(window.innerHeight * 0.95, window.innerHeight - e.clientY)}px`)
         }
       }}
       on:lostpointercapture={() => {