Responsive Img

Dernerd · Dernerd · commit 7113fb256d4c · 2024-06-12T23:07:13.000+02:00
diff --git a/msreader-files/css/admin.css b/msreader-files/css/admin.css
@@ -162,10 +162,17 @@
 	font-weight: bold !important;
 }
 .msreader-post-content img {
-	max-width: 100%;
+	max-width: 46%;
 	height: auto;
 	float: none;
 }
+@media screen and (max-width: 782px) {
+	.msreader-post-content img {
+		max-width: 80%;
+		height: auto;
+		float: none;
+	}
+}
 #msreader-dashboard iframe, .msreader-post-overlay iframe {
 	max-width: 100%;
 }

Original file line number	Diff line number	Diff line change
`@@ -162,10 +162,17 @@`
`162`	`162`	`font-weight: bold !important;`
`163`	`163`	`}`
`164`	`164`	`.msreader-post-content img {`
`165`		`- max-width: 100%;`
	`165`	`+ max-width: 46%;`
`166`	`166`	`height: auto;`
`167`	`167`	`float: none;`
`168`	`168`	`}`
	`169`	`+@media screen and (max-width: 782px) {`
	`170`	`+ .msreader-post-content img {`
	`171`	`+ max-width: 80%;`
	`172`	`+ height: auto;`
	`173`	`+ float: none;`
	`174`	`+ }`
	`175`	`+}`
`169`	`176`	`#msreader-dashboard iframe, .msreader-post-overlay iframe {`
`170`	`177`	`max-width: 100%;`
`171`	`178`	`}`