Add loading skeletons for search results

Browse Source

Replace bare 'Searching…' text with 8 animated skeleton cards that
mirror the real card layout (thumbnail, title, channel, menu dot).
Shimmer animation sweeps across placeholder blocks until results arrive.

Files:
- frontend/app.js: showSearchSkeletons() function, wired into search submit
- frontend/styles.css: .skeleton-card, .skeleton-shimmer, .skeleton-line, .skeleton-dot styles with shimmer animation

...

This commit is contained in:

Jonathan Sykes

2026-06-14 14:14:05 +08:00

parent 460aaae234

commit da2ad27244

6 changed files with 68 additions and 4 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

releases/YT Player_1.0.0_x64-setup.exe

Binary file not shown.

BIN

releases/YT Player_1.0.0_x64_en-US.msi

Binary file not shown.

BIN

releases/ytplayer.exe

Binary file not shown.