mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-30 02:23:47 +00:00
Merge pull request #190 from BEDOLAGA-DEV/fix/mobile-column-resize
fix: widen column resize touch target for mobile
This commit is contained in:
@@ -1500,12 +1500,17 @@ export default function AdminTrafficUsage() {
|
|||||||
onMouseDown={header.getResizeHandler()}
|
onMouseDown={header.getResizeHandler()}
|
||||||
onTouchStart={header.getResizeHandler()}
|
onTouchStart={header.getResizeHandler()}
|
||||||
onClick={(e) => e.stopPropagation()}
|
onClick={(e) => e.stopPropagation()}
|
||||||
className={`absolute right-0 top-0 h-full w-1 cursor-col-resize touch-none select-none ${
|
className="absolute -right-2 top-0 z-20 h-full w-5 cursor-col-resize select-none"
|
||||||
|
style={{ touchAction: 'none' }}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className={`absolute right-2 top-0 h-full w-1 ${
|
||||||
header.column.getIsResizing()
|
header.column.getIsResizing()
|
||||||
? 'bg-accent-500'
|
? 'bg-accent-500'
|
||||||
: 'bg-transparent hover:bg-dark-500'
|
: 'bg-transparent hover:bg-dark-500'
|
||||||
}`}
|
}`}
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</th>
|
</th>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
Reference in New Issue
Block a user