mirror of
https://github.com/clash-verge-rev/clash-verge-rev.git
synced 2026-04-16 23:40:32 +08:00
perf(connections): improve scrolling performance on macOS (#5787)
This commit is contained in:
parent
104fd11b04
commit
2aaa91f4cb
@ -478,6 +478,8 @@ export const ConnectionTable = (props: Props) => {
|
|||||||
flex: 1,
|
flex: 1,
|
||||||
minHeight: 0,
|
minHeight: 0,
|
||||||
overflow: "auto",
|
overflow: "auto",
|
||||||
|
WebkitOverflowScrolling: "touch",
|
||||||
|
overscrollBehavior: "contain",
|
||||||
borderRadius: 1,
|
borderRadius: 1,
|
||||||
border: "none",
|
border: "none",
|
||||||
"&::-webkit-scrollbar": {
|
"&::-webkit-scrollbar": {
|
||||||
|
|||||||
@ -129,8 +129,9 @@ const ConnectionsPage = () => {
|
|||||||
height: "100%",
|
height: "100%",
|
||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
overflow: "auto",
|
overflow: "hidden",
|
||||||
borderRadius: "8px",
|
borderRadius: "8px",
|
||||||
|
minHeight: 0,
|
||||||
}}
|
}}
|
||||||
header={
|
header={
|
||||||
<Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
|
<Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
|
||||||
@ -243,6 +244,8 @@ const ConnectionsPage = () => {
|
|||||||
style={{
|
style={{
|
||||||
flex: 1,
|
flex: 1,
|
||||||
borderRadius: "8px",
|
borderRadius: "8px",
|
||||||
|
WebkitOverflowScrolling: "touch",
|
||||||
|
overscrollBehavior: "contain",
|
||||||
}}
|
}}
|
||||||
data={filterConn}
|
data={filterConn}
|
||||||
itemContent={(_, item) => (
|
itemContent={(_, item) => (
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user