mirror of
https://github.com/MetaCubeX/metacubexd.git
synced 2024-11-14 06:25:35 +08:00
chore(proxy): preview dots, gap instead of margin
This commit is contained in:
parent
3f80f322e2
commit
a86c4ba90d
@ -25,7 +25,7 @@ const LatencyDots = (props: { latency?: number; selected: boolean }) => {
|
|||||||
: 'bg-warning'
|
: 'bg-warning'
|
||||||
}
|
}
|
||||||
|
|
||||||
return <div class={twMerge('m-1 h-4 w-4 rounded-full', dotClassName)}></div>
|
return <div class={twMerge('h-4 w-4 rounded-full', dotClassName)} />
|
||||||
}
|
}
|
||||||
|
|
||||||
export const ProxyPreviewDots = (props: {
|
export const ProxyPreviewDots = (props: {
|
||||||
@ -35,8 +35,8 @@ export const ProxyPreviewDots = (props: {
|
|||||||
const { latencyMap } = useProxies()
|
const { latencyMap } = useProxies()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex h-6 items-center gap-2">
|
||||||
<div class="flex flex-1 flex-wrap items-center">
|
<div class="flex flex-1 flex-wrap items-center gap-1">
|
||||||
<For
|
<For
|
||||||
each={props.proxyNameList.map((name): [string, number] => [
|
each={props.proxyNameList.map((name): [string, number] => [
|
||||||
name,
|
name,
|
||||||
|
Loading…
Reference in New Issue
Block a user