fix: timer alignment for call notifications

pull/2971/head
William Grant 2 years ago
parent 29b2f713f1
commit f105c39461

@ -1,4 +1,5 @@
import React from 'react'; import React from 'react';
import styled from 'styled-components';
import { PubKey } from '../../../../../session/types'; import { PubKey } from '../../../../../session/types';
import { import {
@ -38,6 +39,10 @@ const style: StyleType = {
}, },
}; };
const StyledCallNotificationContainer = styled.div`
padding: 0 var(--margins-lg) 0;
`;
export const CallNotification = (props: PropsForCallNotification) => { export const CallNotification = (props: PropsForCallNotification) => {
const { messageId, notificationType } = props; const { messageId, notificationType } = props;
const selectedConvoId = useSelectedConversationKey(); const selectedConvoId = useSelectedConversationKey();
@ -59,12 +64,18 @@ export const CallNotification = (props: PropsForCallNotification) => {
const iconColor = styleItem.iconColor; const iconColor = styleItem.iconColor;
return ( return (
<ExpirableReadableMessage messageId={messageId} key={`readable-message-${messageId}`}> <StyledCallNotificationContainer>
<ExpirableReadableMessage
messageId={messageId}
key={`readable-message-${messageId}`}
isCentered={true}
>
<NotificationBubble <NotificationBubble
notificationText={notificationText} notificationText={notificationText}
iconType={iconType} iconType={iconType}
iconColor={iconColor} iconColor={iconColor}
/> />
</ExpirableReadableMessage> </ExpirableReadableMessage>
</StyledCallNotificationContainer>
); );
}; };

Loading…
Cancel
Save