@localstack/appinspector-ui 1.0.152 → 1.0.153

package/dist/index.js

@@ -32291,25 +32291,25 @@ var Main = styled("main", { shouldForwardProp: (property) => property !== "open"
     })
   }
 }));
-var StyledDrawer = styled(Drawer)(({ headerHeight }) => ({
+var StyledDrawer = styled(Drawer)({
   "& .MuiDrawer-paper": {
     bottom: 0,
     boxSizing: "border-box",
-    height: `calc(100% - ${headerHeight.toString()}px)`,
     overflowY: "auto",
-    top: "auto",
-    width: DRAWER_WIDTH
+    position: "absolute",
+    top: 0,
+    width: "100%"
   },
   "flexShrink": 0,
+  "overflow": "hidden",
   "position": "relative",
   "width": DRAWER_WIDTH
-}));
+});
 var TraceGraphView = ({
   fetchError,
   fetchSpans,
   handleClose,
   handleEventSelect,
-  headerHeight,
   loading,
   navigateToSpansList,
   open,
@@ -32375,7 +32375,7 @@ var TraceGraphView = ({
                   ) })
                 }
               ) }),
-              /* @__PURE__ */ jsx145(StyledDrawer, { anchor: "right", headerHeight, open, variant: "persistent", children: /* @__PURE__ */ jsx145(EventDetails, { onClose: handleClose, selectedEvent }) })
+              /* @__PURE__ */ jsx145(StyledDrawer, { anchor: "right", open, variant: "persistent", children: /* @__PURE__ */ jsx145(EventDetails, { onClose: handleClose, selectedEvent }) })
             ]
           }
         )
@@ -32426,7 +32426,6 @@ async function fetchConnectedTracesWaterfall(api, traceIds, allSpans = /* @__PUR
 }
 var TraceGraphPage = ({ onClose, spanId, traceId }) => {
   const api = useAppInspectorApi();
-  const { headerHeight } = useAppInspector();
   const [spans, setSpans] = useState19();
   const [loading, setLoading] = useState19(false);
   const [fetchError, setFetchError] = useState19();
@@ -32472,7 +32471,6 @@ var TraceGraphPage = ({ onClose, spanId, traceId }) => {
         setOpen(false);
       },
       handleEventSelect,
-      headerHeight,
       loading,
       navigateToSpansList,
       open,