Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-12-27 07:34:12 +08:00
Code Issues Projects Releases Wiki Activity

fix: tab style for conns and proxies

Browse Source
This commit is contained in:
Zephyruso 2023-09-07 14:02:10 +08:00
parent 1471e02158
commit 842ce9e00f
2 changed files with 41 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Connections.tsx
View File

@ -307,13 +307,14 @@ export default () => {
return (
<div class="flex h-full flex-col gap-2 p-1">
<div class="flex w-full flex-wrap items-center gap-2">
<div class="tabs-boxed tabs gap-2">
<For each={tabs()}>
{(tab) => (
<button
class={twMerge(
activeTab() === tab.type && 'tab-active',
'tab gap-2',
'tab gap-2 px-2',
)}
onClick={() => setActiveTab(tab.type)}
>
@ -324,7 +325,7 @@ export default () => {
</For>
</div>
<div class="flex w-full flex-wrap items-center gap-2">
<div class="flex w-full items-center gap-2 md:flex-1">
<input
class="input input-primary input-sm flex-1"
placeholder={t('search')}
@ -348,6 +349,7 @@ export default () => {
<label for="connection-modal" class="btn btn-circle btn-sm">
<IconSettings />
</label>
</div>
<ConnectionsTableOrderingModal
order={columnOrder()}

4
src/pages/Proxies.tsx
View File

@ -92,8 +92,8 @@ export default () => {
return (
<div class="flex h-full flex-col gap-2">
<Show when={proxyProviders().length > 0}>
<div class="flex items-center justify-between gap-2">
<div class="tabs-boxed tabs gap-2">
<div class="flex items-center gap-2">
<div class="tabs tabs-boxed gap-2">
<For each={tabs()}>
{(tab) => (
<button