import { createStyleSheet } from '../../styles';

/**
 * The style of the avatar and participant view UI (components).
 */
export const styles = createStyleSheet({
    /**
     * Avatar style.
     */
    avatar: {
        alignSelf: 'center',

        // FIXME I don't understand how a 100 border radius of a 50x50 square
        // results in a circle.
        borderRadius: 100,
        flex: 1,
        height: 50,
        width: 50
    },

    /**
     * ParticipantView style.
     */
    participantView: {
        alignItems: 'stretch',
        flex: 1
    }
});

import { createStyleSheet } from '../../styles';

/**
 * The style of the avatar and participant view UI (components).
 */
export const styles = createStyleSheet({
    /**
     * Avatar style.
     */
    avatar: {
        flex: 1,
        width: '100%'
    },

    /**
     * ParticipantView style.
     */
    participantView: {
        alignItems: 'stretch',
        flex: 1
    }
});

Revert "[RN] Use rounded avatars in the film strip"
Revert "[RN] Use rounded avatars in the film strip"

This reverts commit 739298c7826ea6109b8a2632d54c8d867f7d03cc.
