CloudToys/elk
1
0
Fork 0
Code

fix: only reduce line-height for post content

Browse Source 
relate PR #557
This commit is contained in:
三咲智子 2023-01-03 19:35:31 +08:00
parent 4308491e9c
commit 1d9bd6a9d4
No known key found for this signature in database
GPG Key ID: 69992F2250DFD93E
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/status/StatusBody.vue
View File

@ -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>

5
styles/global.css
View File

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