[detail] Bad image size

[frodrigo]

http://127.0.0.1:3000/poi/33729/details

http://127.0.0.1:3000/poi/33713/details

[wazolab]

@frodrigo : Is this an image ratio issue ? Do we want to fix it to a specific one ? :

• 16:9
• 1:1
• 4:3

An other issue is the ratio of the image served from the API, if we display landscapes images but receive portrait from API, we will have to constraint the portrait within our frame and scale-down the image.

Example here of a portrait image (I greyed the background of our landscape frame for a better understanding only) :

Example here of a landscape image :

[frodrigo]

My previous attempt was to fill width and height (I think with "cover" option).

[wazolab]

Alright, if we fill width & height and apply object-fit: cover we might have croped images...

More globally, we have to define a frame to ensure a constant layout.

[wazolab]

@frodrigo : Is this an image ratio issue ? Do we want to fix it to a specific one ? :

• 16:9
• 1:1
• 4:3

An other issue is the ratio of the image served from the API, if we display landscapes images but receive portrait from API, we will have to constraint the portrait within our frame and scale-down the image.

Example here of a portrait image (I greyed the background of our landscape frame for a better understanding only) :

Example here of a landscape image :

Do the solutions I have presented here suit you?

[frodrigo]

Alright, if we fill width & height and apply object-fit: cover we might have croped images...

Yes, it was like this before.