diff options
| -rw-r--r-- | src/components/notifications/Notification.tsx | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/src/components/notifications/Notification.tsx b/src/components/notifications/Notification.tsx index 38e4d597..f6a04526 100644 --- a/src/components/notifications/Notification.tsx +++ b/src/components/notifications/Notification.tsx @@ -6,7 +6,12 @@ import {useDispatch, useStore} from 'react-redux'; import {loadAvatar} from '../../services'; import {RootState} from '../../store/rootReducer'; import {NotificationType, ScreenType} from '../../types'; -import {fetchUserX, SCREEN_HEIGHT, userXInStore} from '../../utils'; +import { + fetchUserX, + SCREEN_HEIGHT, + SCREEN_WIDTH, + userXInStore, +} from '../../utils'; interface NotificationProps { item: NotificationType; @@ -115,7 +120,7 @@ const Notification: React.FC<NotificationProps> = (props) => { const styles = StyleSheet.create({ container: { flexDirection: 'row', - height: SCREEN_HEIGHT / 12, + height: SCREEN_HEIGHT / 10, flex: 1, alignItems: 'center', }, @@ -135,9 +140,11 @@ const styles = StyleSheet.create({ height: '80%', flexDirection: 'column', justifyContent: 'space-around', + marginRight: SCREEN_WIDTH / 6, }, actorName: { - fontWeight: 'bold', + fontSize: 15, + fontWeight: '700', }, moment: { position: 'absolute', |