aboutsummaryrefslogtreecommitdiff
path: root/src/components/chat_panel/chat_panel.vue
diff options
context:
space:
mode:
authorShpuld Shpludson <shp@cock.li>2021-03-09 09:43:01 +0000
committerShpuld Shpludson <shp@cock.li>2021-03-09 09:43:01 +0000
commitbadb2196a2e95587ff1330749de887ae604f062b (patch)
treec95bfd1e80d72f6dfcb6e1ad0380fdcdaf7bff61 /src/components/chat_panel/chat_panel.vue
parentae159f6ad8d23ce0e3d2d765bf694f1a614c6df4 (diff)
parent6281241b92bc17a9535b15a52e656b9f218e3322 (diff)
Merge branch 'develop' into 'feat/notification-quick-filters'
# Conflicts: # CHANGELOG.md
Diffstat (limited to 'src/components/chat_panel/chat_panel.vue')
-rw-r--r--src/components/chat_panel/chat_panel.vue15
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;
}
}