diff options
author | 2019-06-11 16:30:55 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:55 +0300 | |
commit | 96a746fa9b5fe2a469735666fb7149a107ca9643 (patch) | |
tree | 04a1e6459b0f063af03341b9f63fb9397f121ca2 /vnext/src/ui/helpers/BubbleStyle.js | |
parent | 6fe5916774e9a4381da6bfb4f1f84a0941df46cc (diff) |
Visitor bubbles in Thread
Diffstat (limited to 'vnext/src/ui/helpers/BubbleStyle.js')
-rw-r--r-- | vnext/src/ui/helpers/BubbleStyle.js | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/vnext/src/ui/helpers/BubbleStyle.js b/vnext/src/ui/helpers/BubbleStyle.js new file mode 100644 index 00000000..570b7337 --- /dev/null +++ b/vnext/src/ui/helpers/BubbleStyle.js @@ -0,0 +1,24 @@ +export function bubbleStyle(me, msg) { + const isMe = me.uid === msg.user.uid; + const color = isMe ? '#fff' : '#222'; + const background = isMe ? '#ec4b98' : '#eee'; + return { + background: background, + color: color, + padding: '12px', + display: 'inline-block' + }; +} + +export function chatItemStyle(me, msg) { + const isMe = me.uid === msg.user.uid; + const alignment = isMe ? 'flex-end' : 'flex-start'; + return { + padding: '3px 6px', + listStyle: 'none', + margin: '10px 0', + display: 'flex', + flexDirection: 'column', + alignItems: alignment + }; +} |