etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: widen column resize touch target for mobile devices

Browse Source 
Expand invisible touch area from 4px to 20px for comfortable finger
interaction on iPhone. Visual indicator stays thin (4px) inside the
wider hit zone. Use inline touchAction: none to prevent scroll conflict.
This commit is contained in:
Fringg
2026-02-07 13:11:01 +03:00
parent e60b846eca
commit da273d6776
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/AdminTrafficUsage.tsx
View File

@@ -1500,12 +1500,17 @@ export default function AdminTrafficUsage() {
onMouseDown={header.getResizeHandler()}
onTouchStart={header.getResizeHandler()}
onClick={(e) => e.stopPropagation()}
className={`absolute right-0 top-0 h-full w-1 cursor-col-resize touch-none select-none ${
header.column.getIsResizing()
? 'bg-accent-500'
: 'bg-transparent hover:bg-dark-500'
}`}
/>
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()
? 'bg-accent-500'
: 'bg-transparent hover:bg-dark-500'
}`}
/>
</div>
</th>
);
})}