mirror of
https://github.com/MetaCubeX/metacubexd.git
synced 2024-11-10 05:15:35 +08:00
feat: update proxy layout
This commit is contained in:
parent
2ca99f1040
commit
b60c85566c
@ -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}
|
||||
|
@ -33,7 +33,7 @@ export default (props: {
|
||||
const t = type.toLowerCase()
|
||||
|
||||
if (t === 'shadowsocks') {
|
||||
return 'SS'
|
||||
return 'ss'
|
||||
}
|
||||
|
||||
return t
|
||||
|
@ -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 = (
|
||||
|
Loading…
Reference in New Issue
Block a user