fix placehodler style, fix chat panel cookieing

This commit is contained in:
Ginger Wong
2020-08-21 15:55:52 -07:00
parent 42a34df63e
commit 66dc2f84c9
7 changed files with 146 additions and 113 deletions

View File

@@ -239,6 +239,7 @@ export default class ChatInput extends Component {
<div id="message-input-container" class="shadow-md bg-gray-900 border-t border-gray-700 border-solid">
<${ContentEditable}
id="message-input"
class="appearance-none block w-full bg-gray-200 text-gray-700 border border-black-500 rounded py-2 px-2 my-2 focus:bg-white"
placeholderText=${placeholderText}

View File

@@ -27,10 +27,10 @@ export default class Message extends Component {
>
<img src=${avatar} />
</div>
<div class="message-content">
<div class="message-content text-sm">
<p class="message-author text-white font-bold" style=${authorTextColor}>${author}</p>
<div
class="message-text text-gray-400 font-thin"
class="message-text text-gray-300 font-normal"
dangerouslySetInnerHTML=${
{ __html: formattedMessage }
}
@@ -43,9 +43,11 @@ export default class Message extends Component {
return (
html`
<div class="message flex">
<img class="mr-2" src=${image} />
<div class="text-white text-center">
<span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>.
<div class="message-content text-sm">
<img class="mr-2" src=${image} />
<div class="text-white text-center">
<span class="font-bold">${oldName}</span> is now known as <span class="font-bold">${newName}</span>.
</div>
</div>
</div>
`);