111212b038
* wip: First round on sidebar resizing * feat: Saving setting, animation * all requirements, refactoring needed * lint * refactor useResize * some mobile improvements * fix * refactor
29 lines
410 B
JavaScript
29 lines
410 B
JavaScript
// @flow
|
|
import styled from "styled-components";
|
|
import ResizeHandle from "./ResizeHandle";
|
|
|
|
const ResizeBorder = styled.div`
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: -6px;
|
|
width: 12px;
|
|
cursor: ew-resize;
|
|
|
|
${(props) =>
|
|
props.$isResizing &&
|
|
`
|
|
${ResizeHandle} {
|
|
opacity: 1;
|
|
}
|
|
`}
|
|
|
|
&:hover {
|
|
${ResizeHandle} {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
`;
|
|
|
|
export default ResizeBorder;
|