Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-12-28 07:54:13 +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 ( return (
<div class="flex h-full flex-col gap-2 p-1"> <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"> <div class="tabs-boxed tabs gap-2">
<For each={tabs()}> <For each={tabs()}>
{(tab) => ( {(tab) => (
<button <button
class={twMerge( class={twMerge(
activeTab() === tab.type && 'tab-active', activeTab() === tab.type && 'tab-active',
'tab gap-2', 'tab gap-2 px-2',
)} )}
onClick={() => setActiveTab(tab.type)} onClick={() => setActiveTab(tab.type)}
> >
@ -324,7 +325,7 @@ export default () => {
</For> </For>
</div> </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 <input
class="input input-primary input-sm flex-1" class="input input-primary input-sm flex-1"
placeholder={t('search')} placeholder={t('search')}
@ -348,6 +349,7 @@ export default () => {
<label for="connection-modal" class="btn btn-circle btn-sm"> <label for="connection-modal" class="btn btn-circle btn-sm">
<IconSettings /> <IconSettings />
</label> </label>
</div>
<ConnectionsTableOrderingModal <ConnectionsTableOrderingModal
order={columnOrder()} order={columnOrder()}

4
src/pages/Proxies.tsx
View File

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