Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-13 06:05:34 +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 ( return (
<div class="flex h-full flex-col gap-4 overflow-y-auto p-1"> <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()}> <For each={tabs()}>
{(tab) => ( {(tab) => (
<button <button
class={twMerge(activeTab() === tab.type && 'tab-active', 'tab')} class={twMerge(
activeTab() === tab.type && 'tab-active',
'tab tab-xs',
)}
onClick={() => setActiveTab(tab.type)} onClick={() => setActiveTab(tab.type)}
> >
{tab.name} ({tab.count}) {tab.name} ({tab.count})
@ -363,28 +366,28 @@ export default () => {
</For> </For>
</div> </div>
<div class="flex w-full items-center gap-2"> <div class="flex w-full flex-wrap items-center gap-2">
<input <input
class="input input-primary flex-1" class="input input-primary input-sm flex-1"
placeholder={t('search')} placeholder={t('search')}
onInput={(e) => setSearch(e.target.value)} onInput={(e) => setSearch(e.target.value)}
/> />
<Button <Button
class="btn-circle" class="btn-circle btn-sm"
onClick={() => setPaused((paused) => !paused)} onClick={() => setPaused((paused) => !paused)}
> >
{paused() ? <IconPlayerPause /> : <IconPlayerPlay />} {paused() ? <IconPlayerPause /> : <IconPlayerPlay />}
</Button> </Button>
<Button <Button
class="btn-circle" class="btn-circle btn-sm"
onClick={() => request.delete('connections')} onClick={() => request.delete('connections')}
> >
<IconCircleX /> <IconCircleX />
</Button> </Button>
<label for="connection-modal" class="btn btn-circle"> <label for="connection-modal" class="btn btn-circle btn-sm">
<IconSettings /> <IconSettings />
</label> </label>