skatespots/SkateSpots
1
0
Fork 0
Code Issues Pull requests Projects Releases 11 Packages Wiki Activity Actions 1

sasquatch: left-anchor panel on mobile, leave right side free for Quick Snap + filter pills

Browse source 
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-07-23 20:08:03 +07:00
parent be4e0bc986
commit c9bb5abfff
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/SasquatchGuide.tsx
View file

@ -644,10 +644,10 @@ Instructions:
<div <div
className={cn( className={cn(
'fixed z-50 transition-all duration-300 ease-out', 'fixed z-50 transition-all duration-300 ease-out',
// Mobile: full-width strip at bottom above nav // Mobile: left-anchored, max ~65% width — leaves right side free for Quick Snap + filter pills
'bottom-[4.5rem] left-2 right-2', 'bottom-[4.5rem] left-2 w-[min(calc(100vw-5rem),340px)]',
// Desktop: compact panel bottom-left // Desktop: compact panel bottom-left
'md:bottom-6 md:left-4 md:right-auto md:w-[340px]', 'md:bottom-6 md:left-4 md:w-[340px]',
isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-3 pointer-events-none' isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-3 pointer-events-none'
)} )}
> >