Merge pull request #22 from starwit/feature/AB#1058-Align-styles-of-sidebar

Feature/ab#1058 align styles of sidebar

Author: witchpou

CHANGELOG.md

@@ -2,10 +2,6 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-### [5.0.3](https://github.com/starwit/react-image-annotate/compare/5.0.2...5.0.3) (2024-03-18)
-
-### [5.0.2](https://github.com/starwit/react-image-annotate/compare/5.0.1...5.0.2) (2024-03-18)
-
 ### [5.0.1](https://github.com/starwit/react-image-annotate/compare/4.3.5...5.0.1) (2024-02-29)
 
 ## [5.0.0](https://github.com/starwit/react-image-annotate/compare/4.3.4...5.0.0) (2024-02-14)

src/workspace/ResizePanel/index.jsx

@@ -1,16 +1,15 @@
 // @flow
 
-import React, {useState, memo, useCallback} from "react"
+import React, { useState, memo, useCallback } from "react"
 import Paper from "@mui/material/Paper"
-import {createTheme, styled, ThemeProvider} from "@mui/material/styles"
+import { createTheme, styled, ThemeProvider } from "@mui/material/styles"
 import ExpandIcon from "@mui/icons-material/ExpandMore"
 import IconButton from "@mui/material/IconButton"
 import Collapse from "@mui/material/Collapse"
 import classnames from "classnames"
 import useEventCallback from "use-event-callback"
 import Typography from "@mui/material/Typography"
-import {useIconDictionary} from "../icon-dictionary.js"
-import ResizePanel from "../ResizePanel"
+import { useIconDictionary } from "../icon-dictionary.js"
 import styles from "./styles.js"
 
 const theme = createTheme()
@@ -86,15 +85,13 @@ export const SidebarBox = ({
             content
           ) : null
         ) : (
-          <Collapse in={expanded}>
-            <ResizePanel direction="s" style={{height: 100}}>
+          <Collapse in={expanded} >
               <div
                 className="panel"
-                style={{display: "block", overflow: "hidden", height: 500}}
+                style={{ display: "block", overflow: "hidden", height: 200 }}
               >
                 {content}
               </div>
-            </ResizePanel>
           </Collapse>
         )}
       </ContainerDiv>