prezly / theme-nextjs-bea

News site built with NextJS, Typescript and Prezly SDK
https://theme-nextjs-bea-the-good-newsroom.vercel.app
MIT License
43 stars 11 forks source link

Fix - Use 1.5 aspect ratio for placeholders in staggered layout #1167

Closed kudlajz closed 1 month ago

kudlajz commented 1 month ago

Added fixed aspect ratio on stories without image, so the masonry layout is more obvious, otherwise if there's a lot of stories without a cover image, it looks very similar to the regular grid layout.

Before

Screenshot 2024-07-04 at 18 31 35

After

Screenshot 2024-07-04 at 18 31 59
vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
theme-nextjs-bea-preview ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 4, 2024 4:33pm
3 Skipped Deployments | Name | Status | Preview | Comments | Updated (UTC) | | :--- | :----- | :------ | :------- | :------ | | **theme-nextjs-bea-cookbook** | ⬜️ Ignored ([Inspect](https://vercel.com/prezly/theme-nextjs-bea-cookbook/Dhc54qtg4DQGajwXS1EhEGJ2KN8G)) | | | Jul 4, 2024 4:33pm | | **theme-nextjs-bea-photography** | ⬜️ Ignored ([Inspect](https://vercel.com/prezly/theme-nextjs-bea-photography/HR33HsQNQgVbugURcr5PBLfd4TBh)) | | | Jul 4, 2024 4:33pm | | **theme-nextjs-bea-the-good-newsroom** | ⬜️ Ignored ([Inspect](https://vercel.com/prezly/theme-nextjs-bea-the-good-newsroom/2dM8rh4oUCcRwbbqQUDTMUa9mvcM)) | | | Jul 4, 2024 4:33pm |