averyfelts/Stop_smoking_website_ver2
1
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Final legacy hardware fix - 720p optimization and leninent reveal logic for iPhone XR

Browse Source
This commit is contained in:
Avery Felts 2026-01-31 19:50:52 -07:00
parent 2eb8d25a06
commit c3f9a4fc9a
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/videos/smoke-poster.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/videos/smoke.mp4
View File

Binary file not shown.

6
src/components/UserHeader.tsx
View File

@ -288,15 +288,15 @@ export function UserHeader({ user, preferences, onModalStateChange }: UserHeader
{...({ "disableRemotePlayback": true } as any)}
onContextMenu={(e) => e.preventDefault()}
poster="/videos/smoke-poster.jpg"
onCanPlayThrough={() => setIsVideoLoaded(true)}
onLoadedData={() => setIsVideoLoaded(true)}
onPlay={() => setIsVideoPlaying(true)}
className={cn(
"absolute inset-0 w-full h-full object-cover scale-110 brightness-[1.1] dark:brightness-[0.85] transition-all duration-[2000ms] ease-in-out",
isVideoPlaying
? "opacity-70 dark:opacity-50 blur-0"
: isVideoLoaded
? "opacity-40 blur-[2px]"
: "opacity-0 blur-sm"
? "opacity-30 blur-[4px]"
: "opacity-10 blur-sm"
)}
>
<source src="/videos/smoke.mp4" type="video/mp4" />