diff --git a/app/assets/styles/blink/_HistoryTileBox.scss b/app/assets/styles/blink/_HistoryTileBox.scss index c11ae7a..4920df0 100644 --- a/app/assets/styles/blink/_HistoryTileBox.scss +++ b/app/assets/styles/blink/_HistoryTileBox.scss @@ -1,37 +1,37 @@ .portraitContainer { flex: 1; flex-direction: column; } .contactsPortraitContainer { flex: 1; flex-direction: column; } .chatPortraitContainer { flex: 6; - margin-top: 20px; + margin-top: 15px; } .landscapeContainer { flex: 1; flex-direction: row; } .contactsLandscapeContainer { flex: 1; flex-direction: row; } .chatLandscapeContainer { flex: 1; } .chatBorder { border-width: 0px; margin: 1px; border-radius: 5px; border-color: gray; } diff --git a/app/components/UserIcon.js b/app/components/UserIcon.js index bbdf6ec..e656ae0 100644 --- a/app/components/UserIcon.js +++ b/app/components/UserIcon.js @@ -1,62 +1,62 @@ import React, { useEffect, useState } from 'react'; import PropTypes from 'prop-types'; import utils from '../utils'; import { Text, View } from 'react-native' import { Avatar, Badge, withBadge } from 'react-native-paper'; import BadgeView from 'react-native-badge-view'; const UserIcon = (props) => { if (!props.identity) { return (null) } const name = props.identity.displayName || props.identity.uri; const photo = props.identity.photo; let initials = ''; if (name) { initials = name.split(' ', 2).map(x => x[0]).join(''); } const color = utils.generateMaterialColor(props.identity.uri)['300']; - let avatarSize = props.large ? 130: 55; + let avatarSize = props.large ? 130: 60; if (props.carousel === true) { avatarSize = 70; } if (photo) { return ( } badgeText={props.unread}/> ); } if (props.identity.uri && props.identity.uri.search('anonymous') !== -1) { return ( } badgeText={props.unread}/> ); } if (props.identity.uri && props.identity.uri.search('videoconference') !== -1) { return ( } badgeText={props.unread}/> ); } return ( } badgeText={props.unread}/> ); }; UserIcon.propTypes = { identity: PropTypes.object.isRequired, large: PropTypes.bool, unread: PropTypes.string, carousel: PropTypes.bool }; export default UserIcon;