Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-09-20 01:52:47 +08:00
Code Issues Projects Releases Wiki Activity

feat(connections): shrink the element sizes down

Browse Source
This commit is contained in:
kunish 2023-09-06 02:59:38 +08:00
parent 76b799bbc1
commit 0aa9779524
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/Connections.tsx
View File

@ -350,11 +350,14 @@ export default () => {
return (
<div class="flex h-full flex-col gap-4 overflow-y-auto p-1">
<div class="tabs-boxed tabs">
<div class="tabs-boxed tabs gap-2">
<For each={tabs()}>
{(tab) => (
<button
class={twMerge(activeTab() === tab.type && 'tab-active', 'tab')}
class={twMerge(
activeTab() === tab.type && 'tab-active',
'tab tab-xs',
)}
onClick={() => setActiveTab(tab.type)}
>
{tab.name} ({tab.count})
@ -363,28 +366,28 @@ export default () => {
</For>
</div>
<div class="flex w-full items-center gap-2">
<div class="flex w-full flex-wrap items-center gap-2">
<input
class="input input-primary flex-1"
class="input input-primary input-sm flex-1"
placeholder={t('search')}
onInput={(e) => setSearch(e.target.value)}
/>
<Button
class="btn-circle"
class="btn-circle btn-sm"
onClick={() => setPaused((paused) => !paused)}
>
{paused() ? <IconPlayerPause /> : <IconPlayerPlay />}
</Button>
<Button
class="btn-circle"
class="btn-circle btn-sm"
onClick={() => request.delete('connections')}
>
<IconCircleX />
</Button>
<label for="connection-modal" class="btn btn-circle">
<label for="connection-modal" class="btn btn-circle btn-sm">
<IconSettings />
</label>