Fix issue with videos not fitting into mobile screen

man90es · Apr 17, 2024 · 1df72e7 · 1df72e7
1 parent df27696
commit 1df72e7
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/components/modals/MediaModal.vue b/src/components/modals/MediaModal.vue
@@ -57,14 +57,15 @@
 		animation-timing-function: linear;
 	}
 
-	img {
-		max-width: 80vw;
-		max-height: 80vh;
+	img,
+	video {
+		max-width: 90vw;
+		max-height: 90vh;
 		width: auto;
 		height: auto;
+	}
 
-		&:not(.placeholder):not(.ready) {
-			opacity: 0;
+	img:not(.placeholder):not(.ready) {
+		opacity: 0;
 	}
-}
 </style>