techwire/bang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix chat color

Browse Source
This commit is contained in:
Alberto Xamin 2022-12-28 13:02:29 +00:00
parent 16c213a842
commit f9d2d48d8a
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/Chat.vue
View File

@ -22,9 +22,8 @@
</form> </form>
</div> </div>
<transition-group name="message" tag="div" id="toast-chatbox"> <transition-group name="message" tag="div" id="toast-chatbox">
<p style="margin:1pt;" class="chat-message" v-for="msg in toasts" v-bind:key="`${msg.text}-c`" :style="`width:fit-content;color:${msg.color};background:${msg.bgcolor}${msg.bgcolor?';border-left: medium solid '+msg.color+';padding-left:2pt;padding-right:4pt;':''}`">{{msg.text}}</p> <p style="margin:1pt;" class="chat-message" v-for="msg in toasts" v-bind:key="`${msg.text}-c`" :style="`width:fit-content;color:${msg.color};background:${msg.bgcolor}${msg.bgcolor?';border-left: medium solid '+msg.color+';padding-left:2pt;padding-right:4pt;':''}`">{{msg.text}}</p>
<p class="end" key="end" style="color:#0000">.</p> </transition-group>
</transition-group>
</div> </div>
</template> </template>
@ -200,7 +199,7 @@ input {
position: fixed; position: fixed;
bottom: 30pt; bottom: 30pt;
left: 0; left: 0;
background: #ffffffcf; background: --var(--bg-color);
} }
@media only screen and (max-width:1000px) { @media only screen and (max-width:1000px) {
#msg-form { #msg-form {