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

Fix SymbolsList not using half screen

Browse source
This commit is contained in:
Eric NGUYEN 2022-10-03 19:35:41 +02:00
parent 935318d475
commit 7c8db92453
1 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/Components/SymbolsList/SymbolsList.tsx
View file

@ -41,22 +41,25 @@ export function SymbolsSidebar(props: ISymbolsSidebarProps): JSX.Element {
} }
return ( return (
<div> <div className='h-full'>
<div ref={divRef} className='h-1/2 text-gray-800'> <div ref={divRef} className='h-1/2 text-gray-800'>
<List <List
className='List divide-y divide-black' className='List divide-y divide-black'
itemCount={containers.length} itemCount={containers.length}
itemSize={35} itemSize={35}
height={320} height={height}
width={'100%'} width={'100%'}
> >
{Row} {Row}
</List> </List>
</div> </div>
<div>
<SymbolProperties <SymbolProperties
symbol={props.symbols.get(props.selectedSymbolId)} symbol={props.symbols.get(props.selectedSymbolId)}
symbols={props.symbols} symbols={props.symbols}
onChange={props.onPropertyChange} /> onChange={props.onPropertyChange}
/>
</div>
</div> </div>
); );
} }