image icon indicating copy to clipboard operation
image copied to clipboard

sizes based on viewport-height unit

Open tennox opened this issue 1 year ago • 0 comments

I have a use-case which I think is not currently possible: A hero image with object-fit: cover that has full width a height of 88vh - so on portrait-orientation screens, using the width as indicator leads to a pixelated image.

I've tried different variations of sizes values, but setting a vh unit does not work:

<NuxtPicture class="block h-full w-full" :img-attrs="{ 'class': 'w-full h-full object-cover object-center-top' }"
    sizes="88vh lg:100vw" />

Might be enabled by #469 if I can set a custom value :thinking:

Or is there a different way to achieve my goal?

tennox avatar Mar 07 '24 13:03 tennox