From 0569d5577b15907cf735aafd73d6e45d34d7f47b Mon Sep 17 00:00:00 2001 From: grassblock Date: Sat, 24 May 2025 21:50:15 +0800 Subject: [PATCH] fix: images in article overflow --- src/components/shortcodes/FediStatuses.astro | 4 ++-- src/styles/global.css | 9 ++++++++- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/src/components/shortcodes/FediStatuses.astro b/src/components/shortcodes/FediStatuses.astro index fa3d4d3..54f6c9b 100644 --- a/src/components/shortcodes/FediStatuses.astro +++ b/src/components/shortcodes/FediStatuses.astro @@ -46,14 +46,14 @@ const { instanceDomain, userId, extraParams = '' } = Astro.props; display: none; } /* custom emoji */ - .custom-emoji { + div img.custom-emoji { height: 1.2em; width: auto; vertical-align: middle; margin: 0 0.1em; } - .custom-emoji.emoji-error { + div img.custom-emoji.emoji-error { display: none; } diff --git a/src/styles/global.css b/src/styles/global.css index 295c9ba..476c9e7 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -234,6 +234,12 @@ div.content { margin: 0.5rem 0; line-height: 1.3; } + + /* Responsive Images */ + img { + max-width: 100%; + height: 100%; + } } @@ -298,4 +304,5 @@ div.content { nav.nav,.search-container,footer,div.extra-post { display: none; } -} \ No newline at end of file +} +