chore(proxy): preview dots, gap instead of margin

This commit is contained in:
kunish 2023-09-25 11:44:44 +08:00
parent 3f80f322e2
commit a86c4ba90d
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430

View File

@ -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,