Fix map search input visibility; align header sizes; de-dupe map Quick Actions

- Map search input: replaced non-standard `bg-white/6` with `bg-white/5`
  (matching The Lab's inputs) and removed the focus ring offset so typed
  text is now visible on the dark toolbar instead of a white field. Also
  normalized the mobile filter button's `bg-white/6` -> `bg-white/5`.
- Bumped Wallet and Settings page titles to text-4xl md:text-5xl to match
  The Lab and Events headers for consistent title rhythm.
- Trimmed the map filter drawer's Quick Actions to Marketplace + Stash,
  since Add Spot / Shop / Tour / Quick Snap now live in the Add speed-dial
  FAB (removes duplication).

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-07-24 10:24:52 +07:00
parent 1d1e6d18b1
commit bb6b3e6b7e
3 changed files with 9 additions and 17 deletions

View file

@ -919,7 +919,7 @@ export default function MapPage() {
placeholder={t('mapPage.searchPlaceholder')} placeholder={t('mapPage.searchPlaceholder')}
value={searchQuery} value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)} onChange={(e) => setSearchQuery(e.target.value)}
className="pl-9 h-9 bg-white/6 border-white/10 text-white placeholder:text-gray-600 rounded-full text-sm focus:border-[#ff0040]/50 focus:bg-white/8 transition-all" className="pl-9 h-9 bg-white/5 border-white/10 text-white placeholder:text-gray-600 rounded-full text-sm focus:border-[#ff0040]/50 focus-visible:ring-0 focus-visible:ring-offset-0 transition-all"
/> />
{searchQuery && ( {searchQuery && (
<button onClick={() => setSearchQuery('')} className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-white"> <button onClick={() => setSearchQuery('')} className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-white">
@ -956,7 +956,7 @@ export default function MapPage() {
'relative h-9 w-9 rounded-full flex items-center justify-center flex-shrink-0 border transition-all touch-manipulation active:scale-90 md:hidden', 'relative h-9 w-9 rounded-full flex items-center justify-center flex-shrink-0 border transition-all touch-manipulation active:scale-90 md:hidden',
totalActiveFilters > 0 totalActiveFilters > 0
? 'bg-[#ff0040]/20 border-[#ff0040]/60 text-[#ff0040]' ? 'bg-[#ff0040]/20 border-[#ff0040]/60 text-[#ff0040]'
: 'bg-white/6 border-white/10 text-gray-400 hover:text-gray-200 hover:border-white/20' : 'bg-white/5 border-white/10 text-gray-400 hover:text-gray-200 hover:border-white/20'
)} )}
aria-label="Filters" aria-label="Filters"
> >
@ -1110,17 +1110,15 @@ export default function MapPage() {
/> />
</div> </div>
{/* Quick actions for logged in users */} {/* Quick actions for logged in users.
Note: Add Spot / Shop / Tour / Quick Snap live in the
map's "Add" speed-dial FAB — here we only surface the
shortcuts that aren't already on the map (Marketplace,
Stash) to avoid duplication. */}
{user && ( {user && (
<div> <div>
<h3 className="text-xs font-bold text-muted-foreground mb-2 uppercase tracking-wide">Quick Actions</h3> <h3 className="text-xs font-bold text-muted-foreground mb-2 uppercase tracking-wide">Quick Actions</h3>
<div className="grid grid-cols-2 gap-1.5"> <div className="grid grid-cols-2 gap-1.5">
<Link to="/create-spot" onClick={() => setMobileFiltersOpen(false)}>
<Button size="sm" className="w-full gap-1 bg-[#ff0040] hover:bg-[#ff0040]/90 font-bold h-9 text-xs">
<Plus className="h-3 w-3" />
Add Spot
</Button>
</Link>
<Link to="/marketplace" onClick={() => setMobileFiltersOpen(false)}> <Link to="/marketplace" onClick={() => setMobileFiltersOpen(false)}>
<Button size="sm" variant="outline" className="w-full gap-1 border-orange-500/50 text-orange-400 font-bold h-9 text-xs"> <Button size="sm" variant="outline" className="w-full gap-1 border-orange-500/50 text-orange-400 font-bold h-9 text-xs">
<ArrowRightLeft className="h-3 w-3" /> <ArrowRightLeft className="h-3 w-3" />
@ -1133,12 +1131,6 @@ export default function MapPage() {
Stash Stash
</Button> </Button>
</Link> </Link>
<Link to="/create-tour" onClick={() => setMobileFiltersOpen(false)}>
<Button size="sm" variant="outline" className="w-full gap-1 border-cyan-500/50 text-cyan-400 font-bold h-9 text-xs">
<Route className="h-3 w-3" />
Tour
</Button>
</Link>
</div> </div>
</div> </div>
)} )}

View file

@ -899,7 +899,7 @@ export default function SettingsPage() {
{/* Header — only shown on the main menu */} {/* Header — only shown on the main menu */}
{!section && ( {!section && (
<div className="mb-5"> <div className="mb-5">
<h1 className="text-3xl font-black uppercase leading-none mb-0.5"> <h1 className="text-4xl md:text-5xl font-black uppercase leading-none mb-1">
<span className="text-white">SETTINGS</span> <span className="text-white">SETTINGS</span>
</h1> </h1>
<p className="text-muted-foreground text-sm">Account and app preferences</p> <p className="text-muted-foreground text-sm">Account and app preferences</p>

View file

@ -242,7 +242,7 @@ export default function WalletPage() {
{/* Header */} {/* Header */}
<div className="mb-4"> <div className="mb-4">
<h1 className="text-3xl font-black uppercase leading-none mb-0.5"> <h1 className="text-4xl md:text-5xl font-black uppercase leading-none mb-1">
<span className="neon-orange">WALLET</span> <span className="neon-orange">WALLET</span>
</h1> </h1>
<p className="text-muted-foreground text-sm">Bitcoin Lightning + Cashu</p> <p className="text-muted-foreground text-sm">Bitcoin Lightning + Cashu</p>