shkong/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev synced 2025-05-05 04:43:44 +08:00
Code Packages Projects Releases Activity

Revert "refactor: improve proxy group UI and spacing (#2835)"

Browse Source 
This reverts commit 520c33557eb37fcdc8ea89f3aeb5740e2deb0c7a.
This commit is contained in:
wonfen 2025-03-03 14:47:05 +08:00
parent 07bdc108ed
commit 3e53ea7209
2 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/proxy/proxy-groups.tsx
View File

@ -508,13 +508,8 @@ export const ProxyGroups = (props: Props) => {
)} )}
/> />
<ScrollTopButton show={showScrollTop} onClick={scrollToTop} /> <ScrollTopButton show={showScrollTop} onClick={scrollToTop} />
<AlphabetSelector
ref={alphabetSelectorRef} <AlphabetSelector ref={alphabetSelectorRef} style={{ maxHeight }}>
style={{
maxHeight,
right: 10,
}}
>
<div className="scroll-container"> <div className="scroll-container">
<div ref={letterContainerRef} className="letter-container"> <div ref={letterContainerRef} className="letter-container">
{groupFirstLetters.map((name) => ( {groupFirstLetters.map((name) => (

14
src/components/proxy/proxy-render.tsx
View File

@ -66,8 +66,8 @@ export const ProxyRender = (props: RenderProps) => {
style={{ style={{
background: itembackgroundcolor, background: itembackgroundcolor,
height: "100%", height: "100%",
margin: "10px 16px", margin: "8px 8px",
borderRadius: "10px", borderRadius: "8px",
}} }}
onClick={() => onHeadState(group.name, { open: !headState?.open })} onClick={() => onHeadState(group.name, { open: !headState?.open })}
> >
@ -131,7 +131,7 @@ export const ProxyRender = (props: RenderProps) => {
if (type === 1) { if (type === 1) {
return ( return (
<ProxyHead <ProxyHead
sx={{ pl: 3, pr: 3.5, mt: indent ? 1 : 0.5, mb: 1 }} sx={{ pl: 2, pr: 3, mt: indent ? 1 : 0.5, mb: 1 }}
url={group.testUrl} url={group.testUrl}
groupName={group.name} groupName={group.name}
headState={headState!} headState={headState!}
@ -191,10 +191,10 @@ export const ProxyRender = (props: RenderProps) => {
sx={{ sx={{
height: 56, height: 56,
display: "grid", display: "grid",
gap: 1.5, gap: 1,
pl: 3, pl: 2,
pr: 3.5, pr: 2,
pb: 1.25, pb: 1,
gridTemplateColumns: `repeat(${item.col! || 2}, 1fr)`, gridTemplateColumns: `repeat(${item.col! || 2}, 1fr)`,
}} }}
> >