fix(client): Fix reply style

This commit is contained in:
syuilo 2020-05-10 17:37:11 +09:00
parent d4b83a0efb
commit c8985d9eaf

View file

@ -7,7 +7,7 @@
v-hotkey="keymap" v-hotkey="keymap"
v-size="[{ max: 500 }, { max: 450 }, { max: 350 }, { max: 300 }]" v-size="[{ max: 500 }, { max: 450 }, { max: 350 }, { max: 300 }]"
> >
<x-sub v-for="note in conversation" :key="note.id" :note="note"/> <x-sub v-for="note in conversation" class="reply-to-more" :key="note.id" :note="note"/>
<x-sub :note="appearNote.reply" class="reply-to" v-if="appearNote.reply"/> <x-sub :note="appearNote.reply" class="reply-to" v-if="appearNote.reply"/>
<div class="info" v-if="pinned"><fa :icon="faThumbtack"/> {{ $t('pinnedNote') }}</div> <div class="info" v-if="pinned"><fa :icon="faThumbtack"/> {{ $t('pinnedNote') }}</div>
<div class="info" v-if="appearNote._prId_"><fa :icon="faBullhorn"/> {{ $t('promotion') }}<button class="_textButton hide" @click="readPromo()">{{ $t('hideThisNote') }} <fa :icon="faTimes"/></button></div> <div class="info" v-if="appearNote._prId_"><fa :icon="faBullhorn"/> {{ $t('promotion') }}<button class="_textButton hide" @click="readPromo()">{{ $t('hideThisNote') }} <fa :icon="faTimes"/></button></div>
@ -814,6 +814,10 @@ export default Vue.extend({
padding-bottom: 0; padding-bottom: 0;
} }
> .reply-to-more {
opacity: 0.7;
}
> .renote { > .renote {
display: flex; display: flex;
align-items: center; align-items: center;