Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-24 09:45:35 +08:00
Code Issues Projects Releases Wiki Activity

feat: collapse proxies and provider

Browse Source
This commit is contained in:
Zephyruso 2023-09-02 16:02:32 +08:00
parent b79f10f528
commit 875792432a
1 changed files with 99 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/Proxies.tsx
View File

@ -63,9 +63,10 @@ export default () => {
return ( return (
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div> <div class="collapse collapse-arrow">
<h1 class="pb-4 text-lg font-semibold">{t('proxies')}</h1> <input type="checkbox" checked />
<h1 class="collapse-title p-2 text-lg font-semibold">{t('proxies')}</h1>
<div class="collapse-content p-0">
<ForTwoLine <ForTwoLine
subChild={proxies().map((proxy) => { subChild={proxies().map((proxy) => {
const title = ( const title = (
@ -117,11 +118,15 @@ export default () => {
})} })}
/> />
</div> </div>
</div>
<Show when={proxyProviders().length > 0}> <Show when={proxyProviders().length > 0}>
<div> <div class="collapse-arrow collapse">
<h1 class="pb-4 text-lg font-semibold">{t('proxyProviders')}</h1> <input type="checkbox" checked />
<h1 class="collapse-title p-2 text-lg font-semibold">
{t('proxyProviders')}
</h1>
<div class="collapse-content p-0">
<ForTwoLine <ForTwoLine
subChild={proxyProviders().map((proxyProvider) => { subChild={proxyProviders().map((proxyProvider) => {
const title = ( const title = (
@ -188,6 +193,7 @@ export default () => {
})} })}
/> />
</div> </div>
</div>
</Show> </Show>
</div> </div>
) )