From 1d9bd6a9d4b95fe1bd1e612a1083d4ac391e54d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Tue, 3 Jan 2023 19:35:31 +0800
Subject: [PATCH] fix: only reduce line-height for post content

relate PR #557
---
 components/status/StatusBody.vue | 3 ++-
 styles/global.css                | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/status/StatusBody.vue b/components/status/StatusBody.vue
index 35a0add5..f1f85cc8 100644
--- a/components/status/StatusBody.vue
+++ b/components/status/StatusBody.vue
@@ -12,6 +12,7 @@ const { translation } = useTranslation(status)
   <div class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }">
     <ContentRich
       v-if="status.content"
+      class="line-compact"
       :content="status.content"
       :emojis="status.emojis"
       :lang="status.language"
@@ -19,7 +20,7 @@ const { translation } = useTranslation(status)
     <div v-else />
     <template v-if="translation.visible">
       <div my2 h-px border="b base" bg-base />
-      <ContentRich :content="translation.text" :emojis="status.emojis" />
+      <ContentRich class="line-compact" :content="translation.text" :emojis="status.emojis" />
     </template>
   </div>
 </template>
diff --git a/styles/global.css b/styles/global.css
index 6136dbdd..5234147d 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -97,7 +97,6 @@ body {
 }
 
 .content-rich {
-  line-height: calc(4 / 3 * 1em);
   overflow-wrap: break-word;
 
   a {
@@ -136,6 +135,10 @@ body {
   }
 }
 
+.line-compact {
+  line-height: calc(4 / 3 * 1em);
+}
+
 .content-editor {
   --at-apply: outline-none flex-1;
   max-width: 100%;