basic styling around messages

koray-eren · Jeff · commit 353112b99e1f · 2022-04-14T13:25:55.000-04:00
diff --git a/sogs/static/view_room.js b/sogs/static/view_room.js
@@ -54,6 +54,7 @@ const setup = async () => {
 
                     const plain = Message.decode(data).dataMessage;
                     e.appendChild(document.createTextNode(plain.profile.displayName +": "+plain.body));
+                    e.classList.add('bg-gray-300','dark:bg-lightGray', 'w-fit', 'rounded-full', 'px-3', 'my-2')
                     elem.appendChild(e);
 
                 }
diff --git a/sogs/templates/view_room.html b/sogs/templates/view_room.html
@@ -14,6 +14,7 @@
     <img class="aspect-square max-w-full max-h-40" src="invite.png" />
   </div>
 </div>
+
 {% if show_recent %}
   <ul id="messages" class="">
     <li>loading...</li>

Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,7 @@ const setup = async () => {`
`54`	`54`
`55`	`55`	`const plain = Message.decode(data).dataMessage;`
`56`	`56`	`e.appendChild(document.createTextNode(plain.profile.displayName +": "+plain.body));`
	`57`	`+ e.classList.add('bg-gray-300','dark:bg-lightGray', 'w-fit', 'rounded-full', 'px-3', 'my-2')`
`57`	`58`	`elem.appendChild(e);`
`58`	`59`
`59`	`60`	`}`