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:
parent
1d1e6d18b1
commit
bb6b3e6b7e
3 changed files with 9 additions and 17 deletions
|
|
@ -919,7 +919,7 @@ export default function MapPage() {
|
|||
placeholder={t('mapPage.searchPlaceholder')}
|
||||
value={searchQuery}
|
||||
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 && (
|
||||
<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',
|
||||
totalActiveFilters > 0
|
||||
? '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"
|
||||
>
|
||||
|
|
@ -1110,17 +1110,15 @@ export default function MapPage() {
|
|||
/>
|
||||
</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 && (
|
||||
<div>
|
||||
<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">
|
||||
<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)}>
|
||||
<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" />
|
||||
|
|
@ -1133,12 +1131,6 @@ export default function MapPage() {
|
|||
Stash
|
||||
</Button>
|
||||
</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>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -899,7 +899,7 @@ export default function SettingsPage() {
|
|||
{/* Header — only shown on the main menu */}
|
||||
{!section && (
|
||||
<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>
|
||||
</h1>
|
||||
<p className="text-muted-foreground text-sm">Account and app preferences</p>
|
||||
|
|
|
|||
|
|
@ -242,7 +242,7 @@ export default function WalletPage() {
|
|||
|
||||
{/* Header */}
|
||||
<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>
|
||||
</h1>
|
||||
<p className="text-muted-foreground text-sm">Bitcoin Lightning + Cashu</p>
|
||||
|
|
|
|||
Loading…
Reference in a new issue