trying to fix sizes

libs/remix-ui/panel/src/lib/dragbar/dragbar.css

@@ -17,7 +17,7 @@
   width: 100vw;
   height: 100vh;
   display: block;
-  z-index: 9998;
+  z-index: 900;
 }
 
 .dragbar_terminal:hover,

libs/remix-ui/panel/src/lib/dragbar/dragbar.tsx

@@ -23,7 +23,7 @@ const DragBar = (props: IRemixDragBarUi) => {
       setOffSet(props.refObject.current.offsetTop)
       setDragBarPosY(props.refObject.current.offsetTop)
     }, 1000)
-  }, [])
+  }, [props.refObject])
 
   useEffect(() => {
     // setDragBarPosX(offset + (props.hidden ? 0 : props.refObject.current.offsetHeight))

libs/remix-ui/panel/src/lib/main/main-panel.tsx

@@ -24,7 +24,7 @@ const RemixUIMainPanel = () => {
     const tmp = delta - limitDown
     delta = tmp > 0 ? tmp : 0
     let mainPanelHeight = containerHeight - delta
-    mainPanelHeight = mainPanelHeight < 0 ? 0 : mainPanelHeight
+    mainPanelHeight = mainPanelHeight < 0 ? 0 : mainPanelHeight - 35
     // self.editor.resize((document.querySelector('#editorWrap') || {}).checked)
     editorRef.current?.setAttribute('style', `height: ${mainPanelHeight}px`)
     terminalRef.current?.setAttribute('style', `height: ${delta}px`)
@@ -56,7 +56,7 @@ const RemixUIMainPanel = () => {
   }
 
   useLayoutEffect(() => {
-    _adjustLayout(198)
+    // _adjustLayout(70)
   })
 
   useEffect(() => {

libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx

@@ -434,7 +434,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
   }
 
   return (
-    <div style={{ height: '323px', flexGrow: 1 }} className='panel' ref={panelRef}>
+    <div style={{ flexGrow: 1 }} className='panel' ref={panelRef}>
       <div className="bar">
         <div className="menu border-top border-dark bg-light" ref={terminalMenu} data-id="terminalToggleMenu">
           <i className={`mx-2 toggleTerminal fas ${isOpen ? 'fa-angle-double-down' : 'fa-angle-double-up'}`} data-id="terminalToggleIcon" onClick={handleToggleTerminal}></i>