From a6d67b62eeb32e7b45a9bebb7e16190ec98042e2 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 13 Oct 2026 15:41:05 +0800
Subject: [PATCH] Allow Console to constrain image size in comment content

---
 packages/comment-widget/src/styles/content.css | 3 ++-
 packages/ui/src/components/Content.vue         | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/comment-widget/src/styles/content.css b/packages/comment-widget/src/styles/content.css
index 77c5265c..6fd64c74 100644
--- a/packages/comment-widget/src/styles/content.css
+++ b/packages/comment-widget/src/styles/content.css
@@ -49,7 +49,8 @@
 .content img {
   display: inline;
   border-style: none;
-  max-width: 100%;
+  max-width: var(--halo-cw-content-img-max-width, 100%);
+  height: auto;
   box-sizing: content-box;
 }
 
diff --git a/packages/ui/src/components/Content.vue b/packages/ui/src/components/Content.vue
index c8a73ebf..3bbaa518 100644
--- a/packages/ui/src/components/Content.vue
+++ b/packages/ui/src/components/Content.vue
@@ -6,5 +6,8 @@ defineProps<{
 }>();
 </script>
 <template>
-  <comment-content :content="content"></comment-content>
+  <comment-content
+    :content="content"
+    style="--halo-cw-content-img-max-width: 50%"
+  ></comment-content>
 </template>