style(kubernetes): Move search bar to its own row above filters
This commit is contained in:
parent
9725849d77
commit
fa5fde56e6
1 changed files with 41 additions and 43 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in a new issue