@toxclient/shathui/src/components/Avatar/styles.js

Platform-agnostic Chat UI components for The Universal Tox Client.

const styles = {
  container: {
    position: 'relative'
  },
  avatarWrapper: {
    overflow: 'hidden',
    marginRight: 16
  },
  avatar: {
    resizeMode: 'contain',
    overflow: 'hidden'
  },
  presenceWrapper: {
    width: 22,
    height: 22,
    justifyContent: 'center',
    alignItems: 'center',
    position: 'absolute',
    bottom: 0,
    right: 4,
    overflow: 'hidden',
    borderRadius: 18
  },
  presence: {
    width: 14,
    height: 14,
    borderRadius: 14,
    resizeMode: 'contain'
  },
  noAvatar: {
    overflow: 'hidden',
    justifyContent: 'center',
    alignItems: 'center',
    marginRight: 16
  },
  letter: {
    fontSize: 18,
    fontWeight: 'bold'
  }
};

export default styles;