mirror of
https://github.com/citizenfx/cfx-server-data.git
synced 2025-12-12 06:14:09 +01:00
Added ability to style chat window
This commit is contained in:
@@ -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: [],
|
||||||
|
|||||||
@@ -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',
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user