Removing slashes from URI links; Image modal for small screens

2017-10-26 20:51:16 +13:00
parent 0596a17847
commit a0a674d606
5 changed files with 18 additions and 21 deletions
--- a/src/scss/components/_modal.scss
+++ b/src/scss/components/_modal.scss
@ -162,13 +162,17 @@

 	&.image_zoom {
 		.content {
-			text-align: center;
-			padding: 5vh 5%;
+			padding: 100px 5%;
 			width: 90%;
+			height: 100%;
+			box-sizing: border-box;

-			img {
-				max-height: 90vh;
-				max-width: 100%;
+			.image {
+				width: 100%;
+				height: 100%;
+				background-size: contain;
+				background-position: 50% 50%;
+				background-repeat: no-repeat;
 			}
 		}
 	}