style conversation message bubble

2021-07-22 01:05:21 +08:00 · 2021-07-22 01:05:21 +08:00 · 56a967b8c6
commit 56a967b8c6
parent a262f61823
1 changed files with 2 additions and 2 deletions
--- a/src/pages/messages/[recipient].tsx
+++ b/src/pages/messages/[recipient].tsx
@ -105,13 +105,13 @@ const Messages: NextPage<Props> = (props) => {
 							<li
 								key={message.id}
 								className={clsx(
-									isSameSender || isLast ? "pb-3" : "pb-4",
+									isSameSender || isLast ? "pb-1" : "pb-4",
 									isOutbound ? "text-right" : "text-left",
 								)}
 							>
 								<span
 									className={clsx(
-										"p-2 rounded-lg text-white",
+										"inline-block text-left w-[fit-content] p-2 rounded-lg text-white",
 										isOutbound ? "bg-[#3194ff] rounded-br-none" : "bg-black rounded-bl-none",
 									)}
 								>