Commit Graph

20 Commits

Author SHA1 Message Date
jeffvli 1850cc68d8 Revert "refactor image to only render in viewport once"
This reverts commit 746951b55f.
2026-01-14 18:46:09 -08:00
jeffvli 746951b55f refactor image to only render in viewport once 2026-01-10 14:22:05 -08:00
jeffvli 66699b9572 fix regression on round ItemCard 2025-12-28 03:23:57 -08:00
jeffvli dde4e1b33c improve image placeholders and loading 2025-12-28 02:43:31 -08:00
Jeff 25bfb65b6d Add image URL generation at runtime to allow for dynamic image sizes (#1439)
* add getImageUrl to domain endpoints

* add new ItemImage component and hooks to generate image url

* add configuration for image resolution based on types
2025-12-23 20:18:52 -08:00
jeffvli 3d07290231 use album icon for unloaded image (#1136) 2025-12-08 22:31:30 -08:00
jeffvli 60cdea6787 large performance refactor 2025-11-29 19:33:39 -08:00
jeffvli 1b8afe3134 add image unloader to sidebar image when no image available 2025-11-29 19:33:38 -08:00
jeffvli a386a1baad fix missing container on image without src 2025-11-29 19:33:34 -08:00
jeffvli dd70d30cd3 fix inconsistent image loader aspect ratio 2025-11-01 22:17:02 -07:00
Kendall Garner 1a176fd118 Refactor add to playlist modal (#1236)
* Refactor add to playlist modal

* redesign base modal component, add ModalButton component

* improve visibility of filled button focus

---------

Co-authored-by: jeffvli <jeffvictorli@gmail.com>
2025-11-01 21:57:12 -07:00
jeffvli 805c75a67f optimize image component
- use new intersection hooks instead of react-intersection-observer
- remove motion, replace with css animation
- remove unneeded container from Loader component
2025-11-01 05:00:51 -07:00
jeffvli 6368137815 move inView ref to ImageContainer component
- the separate outer component is unneeded and affects the positioning of some components which rely on the ImageContainer's styling
2025-09-06 17:14:30 -07:00
Kendall Garner f5af1c314c add image loader/unloader and only toggle source 2025-09-03 19:56:51 -07:00
Kendall Garner 1aac1a6361 Merge branch 'development' into react-image-lazy-loaded 2025-09-03 19:47:53 -07:00
jeffvli 8b141d652c disable single attribute per line 2025-07-12 11:17:54 -07:00
Kendall Garner 49bb42a298 Use lazy loading (react-intersection-observer) for image loading 2025-07-07 20:11:32 -07:00
jeffvli 64866c59bd adjust styles on fullscreen player image section
- fix image transition
- fix image aspect ratio
- adjust text sizes and shadow
2025-06-25 20:40:45 -07:00
jeffvli 4db47b4d37 switch image loading to lazy by default 2025-06-24 18:38:10 -07:00
Jeff c1330d92b2 Migrate to Mantine v8 and Design Changes (#961)
* mantine v8 migration

* various design changes and improvements
2025-06-24 00:04:36 -07:00