Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Replace svg-pan-zoom by react-svg-pan-zoom

Browse source
This commit is contained in:
Siklos 2022-07-31 17:34:47 +02:00
parent d4a89f7f9d
commit 6db63d5a47
8 changed files with 95 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/Components/SVGSidebar/SVGSidebar.tsx
View file

@ -9,7 +9,7 @@ export class SVGSidebar extends React.Component<ISVGSidebarProps> {
public render() {
const isOpenClasses = this.props.isOpen ? 'right-0' : '-right-64';
return (
<div className={`fixed bg-slate-400 text-white transition-all h-screen w-64 overflow-y-auto z-10 ${isOpenClasses}`}>
<div className={`fixed bg-slate-400 text-white transition-all h-screen w-64 overflow-y-auto z-20 ${isOpenClasses}`}>
<div className='w-full h-auto p-4 flex justify-start' onClick={this.props.onClick}>
<button className='text-lg'>&times;</button>
</div>

2
src/Components/Sidebar/Sidebar.tsx
View file

@ -17,7 +17,7 @@ export default class Sidebar extends React.Component<ISidebarProps> {
const isOpenClasses = this.props.isOpen ? 'left-0' : '-left-64';
return (
<div className={`fixed bg-blue-500 dark:bg-blue-500 text-white transition-all h-screen w-64 overflow-y-auto z-10 ${isOpenClasses}`}>
<div className={`fixed bg-blue-500 dark:bg-blue-500 text-white transition-all h-screen w-64 overflow-y-auto z-20 ${isOpenClasses}`}>
<div className='w-full h-auto p-4 flex justify-end' onClick={this.props.onClick}>
<button className='text-lg'>&times;</button>
</div>