fix: adjust background spacing in direct message (#2764)

This commit is contained in:
TAKAHASHI Shuuji 2024-04-06 01:23:52 +09:00 committed by GitHub
parent 9ff55289ea
commit 839aa52e86
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 4 additions and 5 deletions

View file

@ -279,13 +279,13 @@ onDeactivated(() => {
</ol> </ol>
</CommonErrorMessage> </CommonErrorMessage>
<div relative flex-1 flex flex-col> <div relative flex-1 flex flex-col min-h-30>
<EditorContent <EditorContent
:editor="editor" :editor="editor"
flex max-w-full flex max-w-full
:class="{ :class="{
'min-h-30 md:max-h-[calc(100vh-200px)] sm:max-h-[calc(100vh-400px)] max-h-35 of-y-auto overscroll-contain': shouldExpanded, 'md:max-h-[calc(100vh-200px)] sm:max-h-[calc(100vh-400px)] max-h-35 of-y-auto overscroll-contain': shouldExpanded,
'pt2 pb0.5 px3.5 bg-dm rounded-4 me--1 ms--1 mt--1': isDM, 'py2 px3.5 bg-dm rounded-4 me--1 ms--1 mt--1': isDM,
}" }"
@keydown="stopQuestionMarkPropagation" @keydown="stopQuestionMarkPropagation"
@keydown.esc.prevent="editor?.commands.blur()" @keydown.esc.prevent="editor?.commands.blur()"

View file

@ -37,7 +37,7 @@ const allowEmbeddedMedia = computed(() => status.card?.html && embeddedMediaPref
<div <div
space-y-3 space-y-3
:class="{ :class="{
'pt2 pb0.5 px3.5 bg-dm rounded-4 me--1': isDM, 'py2 px3.5 bg-dm rounded-4 me--1': isDM,
'ms--3.5 mt--1 ms--1': isDM && context !== 'details', 'ms--3.5 mt--1 ms--1': isDM && context !== 'details',
}" }"
> >
@ -68,7 +68,6 @@ const allowEmbeddedMedia = computed(() => status.card?.html && embeddedMediaPref
:status="status.reblog" border="~ rounded" :status="status.reblog" border="~ rounded"
:actions="false" :actions="false"
/> />
<div v-if="isDM" />
</StatusSpoiler> </StatusSpoiler>
</div> </div>
</template> </template>