diff --git a/src/pages/proxies.tsx b/src/pages/proxies.tsx index c5deb2e..767b360 100644 --- a/src/pages/proxies.tsx +++ b/src/pages/proxies.tsx @@ -1,5 +1,6 @@ import useSWR, { useSWRConfig } from "swr"; import { useEffect, useMemo, useRef, useState } from "react"; +import { Virtuoso } from "react-virtuoso"; import { Button, ButtonGroup, List, Paper } from "@mui/material"; import { getClashConfig, updateConfigs, updateProxy } from "../services/api"; import { patchClashConfig } from "../services/cmds"; @@ -74,8 +75,15 @@ const ProxyPage = () => { setCurProxy(name); }; + // difference style + const pageStyle = asGroup ? {} : { height: "100%" }; + const paperStyle: any = asGroup + ? { mb: 0.5 } + : { py: 1, height: "100%", boxSizing: "border-box" }; + return ( @@ -92,7 +100,7 @@ const ProxyPage = () => { } > - + {asGroup ? ( {groups.map((group) => ( @@ -100,18 +108,19 @@ const ProxyPage = () => { ))} ) : ( - // todo: virtual list - - {filterProxies.map((proxy) => ( + // virtual list + ( - ))} - + )} + /> )}