Move region filters (country/city/district) to second row on desktop
Reduces first row clutter. Added divider between region and toggle buttons. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -469,6 +469,9 @@ export default function Home() {
|
||||
<option key={g.label} value={g.label}>{g.label}</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
{/* Row 2: Region filters + Toggle buttons + count */}
|
||||
<div className="flex items-center gap-3">
|
||||
<select
|
||||
value={countryFilter}
|
||||
onChange={(e) => handleCountryChange(e.target.value)}
|
||||
@@ -503,9 +506,7 @@ export default function Home() {
|
||||
))}
|
||||
</select>
|
||||
)}
|
||||
</div>
|
||||
{/* Row 2: Toggle buttons + count */}
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-px h-5 bg-gray-200" />
|
||||
<button
|
||||
onClick={() => setBoundsFilterOn(!boundsFilterOn)}
|
||||
className={`px-3 py-1.5 text-sm border rounded-lg transition-colors ${
|
||||
|
||||
Reference in New Issue
Block a user