diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2021-03-03 16:46:53 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2021-03-03 16:46:53 +0200 |
| commit | 0673511fc246d67356dd656ad81ba401e3179108 (patch) | |
| tree | 4c142129fde76fdbf9f1d82d213d3964d0152d1c /src/components/chat_panel/chat_panel.vue | |
| parent | 30057a494441b01c0db85ec302aed224cf0768f2 (diff) | |
fix shoutbox header, use custom scroll-to-bottom system, remove vue-chat-scroll, temporarily add chat test hack
Diffstat (limited to 'src/components/chat_panel/chat_panel.vue')
| -rw-r--r-- | src/components/chat_panel/chat_panel.vue | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/src/components/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue index 7993c94d..8a829115 100644 --- a/src/components/chat_panel/chat_panel.vue +++ b/src/components/chat_panel/chat_panel.vue @@ -10,17 +10,15 @@ @click.stop.prevent="togglePanel" > <div class="title"> - <span>{{ $t('shoutbox.title') }}</span> + {{ $t('shoutbox.title') }} <FAIcon v-if="floating" icon="times" + class="close-icon" /> </div> </div> - <div - v-chat-scroll - class="chat-window" - > + <div class="chat-window"> <div v-for="message in messages" :key="message.id" @@ -94,6 +92,13 @@ .icon { color: $fallback--text; color: var(--text, $fallback--text); + margin-right: 0.5em; + } + + .title { + display: flex; + justify-content: space-between; + align-items: center; } } |