danvics/Pulse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(kubernetes): Move search bar to its own row above filters

Browse source
This commit is contained in:
rcourtman 2025-12-12 23:37:49 +00:00
parent 9725849d77
commit fa5fde56e6
1 changed files with 41 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend-modern/src/components/Kubernetes/KubernetesClusters.tsx
View file

@ -451,10 +451,9 @@ export const KubernetesClusters: Component<KubernetesClustersProps> = (props) =>
{/* Filter Bar */} {/* Filter Bar */}
<Card padding="sm"> <Card padding="sm">
<div class="flex flex-col lg:flex-row gap-3"> <div class="flex flex-col gap-3">
{/* Search */} {/* Search - full width on its own row */}
<div class="flex gap-2 flex-1 items-center"> <div class="relative">
<div class="relative flex-1">
<input <input
ref={searchInputRef} ref={searchInputRef}
type="text" type="text"
@ -495,9 +494,8 @@ export const KubernetesClusters: Component<KubernetesClustersProps> = (props) =>
</button> </button>
</Show> </Show>
</div> </div>
</div>
{/* Filters */} {/* Filters - second row */}
<div class="flex flex-wrap items-center gap-2"> <div class="flex flex-wrap items-center gap-2">
{/* View Mode Toggle */} {/* View Mode Toggle */}
<div class="inline-flex rounded-lg bg-gray-100 dark:bg-gray-700 p-0.5"> <div class="inline-flex rounded-lg bg-gray-100 dark:bg-gray-700 p-0.5">