Make search and filter inputs full width within container

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
mariosemes
2026-03-26 21:46:07 +01:00
parent 23d46384d7
commit 68b3f9ecbc

View File

@@ -111,7 +111,7 @@
<div class="h-full flex flex-col max-w-[1400px] mx-auto w-full"> <div class="h-full flex flex-col max-w-[1400px] mx-auto w-full">
<!-- Header --> <!-- Header -->
<div class="flex-shrink-0 border-b border-surface-border px-6 py-3 flex items-center gap-4"> <div class="flex-shrink-0 border-b border-surface-border px-6 py-3 flex items-center gap-4">
<form onsubmit={handleSearch} class="flex-1 max-w-lg"> <form onsubmit={handleSearch} class="flex-1">
<div class="relative group"> <div class="relative group">
<svg class="absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-text-tertiary" <svg class="absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-text-tertiary"
fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
@@ -144,7 +144,7 @@
<!-- Filters row --> <!-- Filters row -->
{#if !loading && results.length > 0} {#if !loading && results.length > 0}
<div class="flex-shrink-0 border-b border-surface-border px-6 py-2 flex items-center gap-3"> <div class="flex-shrink-0 border-b border-surface-border px-6 py-2 flex items-center gap-3">
<div class="relative flex-1 max-w-xs"> <div class="relative flex-1">
<svg class="absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary" <svg class="absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-text-tertiary"
fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" />