feat: update proxy layout

This commit is contained in:
kunish 2023-08-31 00:45:51 +08:00
parent 2ca99f1040
commit b60c85566c
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
3 changed files with 15 additions and 12 deletions

View File

@ -31,7 +31,7 @@ const Collapse: ParentComponent<Props> = (props) => {
)}
>
<div
class={'collapse-title text-xl font-medium'}
class="collapse-title text-xl font-medium"
onClick={() => onCollapse(!props.isOpen)}
>
{title}

View File

@ -33,7 +33,7 @@ export default (props: {
const t = type.toLowerCase()
if (t === 'shadowsocks') {
return 'SS'
return 'ss'
}
return t

View File

@ -40,19 +40,22 @@ export default () => {
<For each={proxies()}>
{(proxy) => {
const title = (
<>
<div class="flex items-center gap-2">
<div class="flex items-center justify-between">
<div class="flex flex-col">
<span>{proxy.name}</span>
<IconBrandSpeedtest
class="cursor-pointer"
onClick={(e) => onSpeedTestClick(e, proxy.name)}
/>
<div class="text-sm text-slate-500">
{proxy.type} :: {proxy.now}
</div>
</div>
<div class="text-sm text-slate-500">
{proxy.type} :: {proxy.now}
</div>
</>
<button
class="btn btn-circle btn-sm"
onClick={(e) => onSpeedTestClick(e, proxy.name)}
>
<IconBrandSpeedtest />
</button>
</div>
)
const content = (