fix: only reduce line-height for post content

relate PR #557

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>

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%;