Skip to content

Commit 96a4c5b

Browse files
committed
Tweak coarse pointer drag styles
1 parent d8dd367 commit 96a4c5b

1 file changed

Lines changed: 10 additions & 4 deletions

File tree

packages/react-resizable-panels-website/src/components/ResizeHandle.module.css

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,18 @@
1313
color: var(--color-resize-bar-active);
1414
}
1515

16+
.ResizeHandle .ResizeHandleThumb[data-direction="vertical"] {
17+
rotate: 90deg;
18+
}
19+
1620
@media (pointer: coarse) {
1721
.ResizeHandle {
18-
flex: 0 0 1rem;
22+
flex: 0 0 2rem;
1923
}
20-
}
2124

22-
.ResizeHandle .ResizeHandleThumb[data-direction="vertical"] {
23-
rotate: 90deg;
25+
.ResizeHandle .ResizeHandleThumb {
26+
flex: 0 0 1.25rem;
27+
height: 1.25rem;
28+
width: 1.25rem;
29+
}
2430
}

0 commit comments

Comments
 (0)