aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/ui/helpers/BubbleStyle.js
blob: f784e1e3cea2b58587b0311d8116079ff7cc918e (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
 * @param {import('../../api').User} me
 * @param {import('../../api').Message} msg
 * @returns {React.CSSProperties}
 */
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
    };
}