mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style conversation message bubble

Browse Source
This commit is contained in:
m5r 2021-07-22 01:05:21 +08:00
parent a262f61823
commit 56a967b8c6
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/messages/[recipient].tsx
View File

@ -105,13 +105,13 @@ const Messages: NextPage<Props> = (props) => {
<li <li
key={message.id} key={message.id}
className={clsx( className={clsx(
isSameSender || isLast ? "pb-3" : "pb-4", isSameSender || isLast ? "pb-1" : "pb-4",
isOutbound ? "text-right" : "text-left", isOutbound ? "text-right" : "text-left",
)} )}
> >
<span <span
className={clsx( 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", isOutbound ? "bg-[#3194ff] rounded-br-none" : "bg-black rounded-bl-none",
)} )}
> >