Skip to content

Feat/profile mobile responsive - #33

Merged
Smasduq merged 3 commits into
mainfrom
feat/profile-mobile-responsive
Jul 27, 2026
Merged

Feat/profile mobile responsive#33
Smasduq merged 3 commits into
mainfrom
feat/profile-mobile-responsive

Conversation

@Smasduq

@Smasduq Smasduq commented Jul 27, 2026

Copy link
Copy Markdown
Member

No description provided.

Smasduq added 3 commits July 26, 2026 21:39
…il loading state

FlashFeed.jsx:
- Add signed URL cache (Map with 30s safety margin before expiry)
- Prefetch signed URLs for active ±2 clips on activeVideoId change
- visibleClips: add isWarm (±1), prefetchedStreamUrl, isFastStart
- Fixed render buffer at ±3 (removed scrollVelocity toggle that caused HLS thrash)

FlashCard.jsx:
- Accept prefetchedStreamUrl, isWarm, isFastStart props
- Split HLS effect into 1a (create), 1b (unmount), 1c (warm/render exit)
- Keep HLS instance alive when clip leaves warm window; destroy on unmount or exit
- Deactivate: preserve currentTime/progress when isWarm; reset only when not warm
- 403 error handler refetches signed URL and rebuilds HLS from scratch
- hasLoadedOnce state + thumbnail poster behind video with fade-out transition
- Cold-start spinner (small, no background) vs mid-playback buffering overlay

FlashCard.module.css:
- .thumbnailPoster/.thumbnailHidden for poster fade-out
- .loadingOverlay for cold-start spinner
- Add 480px breakpoint: shrink avatar, wrap stats to 2x2, stack action buttons full-width, tab nav scroll, reduce featured card padding
- Add 360px breakpoint: single-column stats (row layout), single-column video grid
- Add overflow-x: hidden on profilePage to prevent horizontal scroll
- Reduce contentArea and emptyState padding on mobile
- Create SearchPage.module.css with responsive breakpoints at 768px and 480px
- Extract all inline styles to CSS module classes
- Reduce padding, heading size, user card sizes, and section spacing on mobile
- Add hidden scrollbar for horizontal user list scroll on mobile
@vercel

vercel Bot commented Jul 27, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
monteeq-gjvd Ready Ready Preview, Comment Jul 27, 2026 10:08pm
monteeq-nextjs Ready Ready Preview, Comment Jul 27, 2026 10:08pm

@Smasduq
Smasduq merged commit cf18ee9 into main Jul 27, 2026
6 of 7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant