diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css index 5b809b59..64222bad 100644 --- a/src/styles/components/reader.css +++ b/src/styles/components/reader.css @@ -139,6 +139,13 @@ .reader-html pre { background: rgb(30 30 30); /* ~zinc-850 */ border: 1px solid rgb(63 63 70); /* zinc-700 */ border-radius: 8px; padding: 1rem; overflow-x: auto; margin: 1rem 0; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; } .reader-html code { background: rgb(30 30 30); /* ~zinc-850 */ border: 1px solid rgb(63 63 70); /* zinc-700 */ border-radius: 4px; padding: 0.15rem 0.4rem; font-size: 0.9em; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; } .reader-html pre code { background: transparent; border: none; padding: 0; display: block; } +/* Desktop: increase horizontal padding for text content */ +@media (min-width: 769px) { + .reader-html, .reader-markdown { + padding-left: 2rem; + padding-right: 2rem; + } +} /* Article menu */ .article-menu-container { display: flex; justify-content: flex-end; padding: 1.5rem 0 0.5rem; margin-top: 2rem; } .article-menu-wrapper { position: relative; }