fix(Post): use aspect ratio

Rule-34 · Apr 15, 2023 · a02739d · a02739d
1 parent 9632722
commit a02739d
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/components/pages/posts/post/PostMedia.vue b/components/pages/posts/post/PostMedia.vue
@@ -35,6 +35,7 @@
 				}"
 				:data-src="mediaSrc"
 				:height="mediaSrcHeight"
+				:style="`aspect-ratio: ${mediaSrcWidth}/${mediaSrcHeight};`"
 				:width="mediaSrcWidth"
 				class="h-auto w-full opacity-0 transition-opacity duration-700"
 				decoding="async"
@@ -59,6 +60,7 @@
 				:data-src="mediaSrc"
 				:height="mediaSrcHeight"
 				:poster="mediaPosterSrc"
+				:style="`aspect-ratio: ${mediaSrcWidth}/${mediaSrcHeight};`"
 				:width="mediaSrcWidth"
 				class="h-auto w-full"
 				controls