fix: visible resize handle via resizeConfig.handleComponent
This commit is contained in:
@@ -151,6 +151,18 @@ export default function Dashboard({ alerts }: Props) {
|
|||||||
onLayoutChange={handleLayoutChange}
|
onLayoutChange={handleLayoutChange}
|
||||||
gridConfig={{ cols: COLS, rowHeight: ROW_HEIGHT, margin: [8, 8] }}
|
gridConfig={{ cols: COLS, rowHeight: ROW_HEIGHT, margin: [8, 8] }}
|
||||||
dragConfig={{ handle: '.drag-handle' }}
|
dragConfig={{ handle: '.drag-handle' }}
|
||||||
|
resizeConfig={{
|
||||||
|
handleComponent: (axis, ref) => (
|
||||||
|
<span ref={ref}
|
||||||
|
className="react-resizable-handle react-resizable-handle-se"
|
||||||
|
style={{
|
||||||
|
borderRight: '3px solid #4b5563',
|
||||||
|
borderBottom: '3px solid #4b5563',
|
||||||
|
opacity: 0.6,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
{charts.map(c => (
|
{charts.map(c => (
|
||||||
<div key={c.id} className="drag-handle cursor-grab active:cursor-grabbing">
|
<div key={c.id} className="drag-handle cursor-grab active:cursor-grabbing">
|
||||||
|
|||||||
Reference in New Issue
Block a user