joungmin/tasteby
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move region filters (country/city/district) to second row on desktop

Browse Source 
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
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/page.tsx
View File

@@ -469,6 +469,9 @@ export default function Home() {
<option key={g.label} value={g.label}>{g.label}</option> <option key={g.label} value={g.label}>{g.label}</option>
))} ))}
</select> </select>
</div>
{/* Row 2: Region filters + Toggle buttons + count */}
<div className="flex items-center gap-3">
<select <select
value={countryFilter} value={countryFilter}
onChange={(e) => handleCountryChange(e.target.value)} onChange={(e) => handleCountryChange(e.target.value)}
@@ -503,9 +506,7 @@ export default function Home() {
))} ))}
</select> </select>
)} )}
</div> <div className="w-px h-5 bg-gray-200" />
{/* Row 2: Toggle buttons + count */}
<div className="flex items-center gap-3">
<button <button
onClick={() => setBoundsFilterOn(!boundsFilterOn)} onClick={() => setBoundsFilterOn(!boundsFilterOn)}
className={`px-3 py-1.5 text-sm border rounded-lg transition-colors ${ className={`px-3 py-1.5 text-sm border rounded-lg transition-colors ${