map: replace Vibed with Shakespeare with Sasquatch trigger button below Quick Snap

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-07-23 20:03:19 +07:00
parent 889eb922eb
commit cc2e3d3165

View file

@ -1302,7 +1302,7 @@ export default function MapPage() {
{/* Quick Capture FAB - only show for logged in users on mobile */}
{user && (
<div className="absolute bottom-24 right-4 z-[1000] md:hidden flex flex-col items-center gap-1">
<div className="absolute bottom-24 right-4 z-[1000] md:hidden flex flex-col items-center gap-2">
<Button
onClick={() => setShowQuickCamera(true)}
className="h-14 w-14 rounded-full bg-[#ff0040] hover:bg-[#ff0040]/90 shadow-xl shadow-[#ff0040]/30 border-2 border-white/20"
@ -1312,14 +1312,14 @@ export default function MapPage() {
<span className="text-xs text-white font-bold whitespace-nowrap bg-black/70 px-2 py-0.5 rounded">
Quick Snap
</span>
<a
href="https://shakespeare.diy"
target="_blank"
rel="noopener noreferrer"
className="text-[10px] text-white/40 hover:text-white/70 whitespace-nowrap transition-colors"
{/* Sasquatch trigger button */}
<button
onClick={() => window.dispatchEvent(new CustomEvent('sasquatch:open'))}
className="h-10 w-10 rounded-full overflow-hidden border-2 border-white/20 shadow-lg hover:scale-110 transition-transform"
title="Ask Sasquatch"
>
Vibed with Shakespeare
</a>
<img src="/images/sasquatch-guide.webp" alt="Sasquatch" className="w-full h-full object-cover" />
</button>
</div>
)}
</>