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

This commit is contained in:
rcourtman 2025-12-12 23:37:49 +00:00
parent 9725849d77
commit fa5fde56e6

View file

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