Added ability to style chat window

This commit is contained in:
Jonas Dellinger
2017-05-21 22:51:51 +02:00
parent b6b736ceb7
commit c0ab84c6d6
3 changed files with 7 additions and 1 deletions

View File

@@ -3,6 +3,7 @@ window.APP = {
name: 'app', name: 'app',
data() { data() {
return { return {
style: CONFIG.style,
showInput: false, showInput: false,
showWindow: false, showWindow: false,
suggestions: [], suggestions: [],

View File

@@ -8,4 +8,9 @@ window.CONFIG = {
}, },
fadeTimeout: 7000, fadeTimeout: 7000,
suggestionLimit: 5, suggestionLimit: 5,
style: {
background: 'rgba(52, 73, 94, 0.7)',
width: '38%',
height: '240px',
}
}; };

View File

@@ -21,7 +21,7 @@
<!-- App Template --> <!-- App Template -->
<script type="text/x-template" id="app_template"> <script type="text/x-template" id="app_template">
<div id="app"> <div id="app">
<div class="chat-window" :class="{ 'fadeOut animated': !showWindow }"> <div class="chat-window" :style="this.style" :class="{ 'fadeOut animated': !showWindow }">
<div class="chat-messages" ref="messages"> <div class="chat-messages" ref="messages">
<message v-for="msg in messages" <message v-for="msg in messages"
:templates="templates" :templates="templates"