Fix image styles in blog

codemonkey85 · Jan 28, 2025 · 786dc0a · 786dc0a
1 parent 14ce29d
commit 786dc0a
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/AboutMe/Wasm/Pages/Blog.razor b/AboutMe/Wasm/Pages/Blog.razor
@@ -49,7 +49,9 @@ else
                     </MudText>
                 </MudCardHeader>
                 <MudCardContent>
-                    @(new MarkupString(post.ContentHtml))
+                    <div class="content-wrapper">
+                        @(new MarkupString(post.ContentHtml))
+                    </div>
                 </MudCardContent>
                 <MudCardActions>
                     <MudText Typo="Typo.subtitle2">
@@ -63,3 +65,11 @@ else
         }
     </MudStack>
 }
+
+<style>
+    .content-wrapper img {
+        max-width: 100%;
+        height: auto;
+        display: block;
+    }
+</style>