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

Improve sidebar style

Browse source
This commit is contained in:
Siklos 2022-08-01 17:15:45 +02:00
parent d2492520b4
commit d155e345e8
2 changed files with 26 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/Components/ElementsSidebar/ElementsSidebar.tsx
View file

@ -48,7 +48,7 @@ export class ElementsSidebar extends React.Component<IElementsSidebarProps> {
? 'bg-blue-500 hover:bg-blue-600'
: 'bg-slate-400 hover:bg-slate-600';
containerRows.push(
<button className={`elements-sidebar-row whitespace-pre text-left text-sm transition-all ${selectedClass}`} key={key} onClick={() => this.props.selectContainer(container)}>
<button className={`elements-sidebar-row whitespace-pre text-left text-sm font-medium transition-all ${selectedClass}`} key={key} onClick={() => this.props.selectContainer(container)}>
{ text }
</button>
);
@ -62,7 +62,7 @@ export class ElementsSidebar extends React.Component<IElementsSidebarProps> {
<div className='bg-slate-500 sidebar-row'>
Elements
</div>
<div className='overflow-auto divide-y divide-solid divide-slate-500'>
<div className='overflow-auto text-slate-200 flex-grow divide-y divide-solid divide-slate-500'>
{ containerRows }
</div>
<Properties properties={this.props.SelectedContainer?.GetProperties()} onChange={this.props.onPropertyChange}></Properties>