From 623856ffe9b8b6754d71a2d3cd76053e40d8f0cc Mon Sep 17 00:00:00 2001 From: Gigi Date: Mon, 20 Oct 2025 20:28:50 +0200 Subject: [PATCH] feat: center images in article view - Update CSS to center images in reader content - Change margin from '0.75rem 0' to '0.75rem auto' for horizontal centering - Applies to both HTML and Markdown content in article view - Improves visual presentation of images in articles --- src/styles/components/reader.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css index 7cd148a6..e291eb37 100644 --- a/src/styles/components/reader.css +++ b/src/styles/components/reader.css @@ -54,7 +54,7 @@ .reader .reader-html h1, .reader .reader-html h2, .reader .reader-html h3, .reader .reader-html h4, .reader .reader-html h5, .reader .reader-html h6, .reader .reader-markdown h1, .reader .reader-markdown h2, .reader .reader-markdown h3, .reader .reader-markdown h4, .reader .reader-markdown h5, .reader .reader-markdown h6 { text-align: left !important; } /* Tame images from external content */ -.reader .reader-html img, .reader .reader-markdown img { max-width: 100%; max-height: 70vh; height: auto; width: auto; display: block; margin: 0.75rem 0; border-radius: 6px; } +.reader .reader-html img, .reader .reader-markdown img { max-width: 100%; max-height: 70vh; height: auto; width: auto; display: block; margin: 0.75rem auto; border-radius: 6px; } /* Headlines with Tailwind typography */ .reader-markdown h1, .reader-html h1 { font-size: 2.25rem; /* text-4xl */