fix(ui): media preview card is misaligned

[lazzzis]

Not sure why both w-full(width: 100%) and w-100vh(width: 100vh) are applied to media preview card. Sometimes, w-100vh are overriding w-full on my devices, making the picture misaligned.

Plus, I guess w-100vh is a typo? Is it supposed to be w-100vw?

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for elk-docs canceled.

Name	Link
🔨 Latest commit	5825810
🔍 Latest deploy log	https://app.netlify.com/sites/elk-docs/deploys/660dfdd4732b520008508684

[netlify]

✅ Deploy Preview for elk-zone ready!

Name	Link
🔨 Latest commit	5825810
🔍 Latest deploy log	https://app.netlify.com/sites/elk-zone/deploys/660dfdd4b6815a000893b486
😎 Deploy Preview	https://deploy-preview-2751--elk-zone.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[shuuji3]

Thank you, I also encountered the same issue in the past.

To validate this fix, I'm trying several image posts but couldn't reproduce the issue yet. Could you share the example post that we can test or upload the sample image to elkdev account?

Maybe this was an accidental change by this commit: https://github.com/elk-zone/elk/pull/749/files#diff-91eeec335ef839760a2f6d9a82acc438b6fc0e796f1d603b65c38c89f7945672R40

I tested the image swipe on Google Chrome Android but the swipe works as expected. So I think w-100vh was not necessary and this change is fine.

[lazzzis]

Unfortunately, I am also unable to constantly repro this issue. The picture in the screenshot was randomly picked from the elkdev's timeline.

[userquin]

I can reproduce the problem using the second link in this issue #2752 (comment)

[shuuji3]

Thanks, understand. 👍