Skip to content

Commit

Permalink
fixed the linting issue
Browse files Browse the repository at this point in the history
  • Loading branch information
ItshMoh committed Oct 8, 2024
1 parent 4d6741f commit 1855313
Showing 1 changed file with 21 additions and 21 deletions.
42 changes: 21 additions & 21 deletions playground/components/SplitWrapper.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,27 +7,27 @@ interface SplitWrapperProps {

// react-split should be replaced with a React 18 friendly library or CSS
const SplitWrapper = (props: SplitWrapperProps) => (
<Split
style={{
width: '100%',
height: 'calc(100vh - 50px)',
minHeight: 'calc(100vh - 50px)',
display: 'flex',
background: '#f3f4f5',
}}
gutter={() => {
const gutter = document.createElement('div');
gutter.onmouseover = () => (gutter.style.cursor = 'ew-resize');
return gutter;
}}
gutterStyle={() => ({
backgroundColor: 'gray',
width: '7px',
})}
minSize={250}
>
{props.children}
</Split>
<Split
style={{
width: '100%',
height: 'calc(100vh - 50px)',
minHeight: 'calc(100vh - 50px)',
display: 'flex',
background: '#f3f4f5',
}}
gutter={() => {
const gutter = document.createElement('div');
gutter.onmouseover = () => (gutter.style.cursor = 'ew-resize');
return gutter;
}}
gutterStyle={() => ({
backgroundColor: 'gray',
width: '7px',
})}
minSize={250}
>
{props.children}
</Split>
);

export default SplitWrapper;

0 comments on commit 1855313

Please sign in to comment.