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:
joungmin
2026-03-09 15:57:14 +09:00
parent 17489ad9b0
commit 2cd72d660a

View File

@@ -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 ${