Refined notification

no refs.
- added top/bottom padding to notifications
- refined line height
- added line break to welcome notification
This commit is contained in:
Peter Zimon 2020-11-10 15:44:08 +01:00
parent 1716771c6a
commit d1c091584f
2 changed files with 4 additions and 3 deletions

View File

@ -32,7 +32,7 @@ const NotificationText = ({type, status, context}) => {
if (type === 'signin' && status === 'success') {
return (
<p>
Welcome back! You've successfully signed in.
Welcome back!<br />You've successfully signed in.
</p>
);
} else if (type === 'signin' && status === 'error') {

View File

@ -15,7 +15,7 @@ const NotificationStyles = `
top: 12px;
right: 12px;
width: 100%;
padding: 10px 44px 12px 20px;
padding: 14px 44px 16px 20px;
max-width: 380px;
min-height: 66px;
font-size: 1.3rem;
@ -39,6 +39,7 @@ const NotificationStyles = `
.gh-portal-notification p {
flex-grow: 1;
font-size: 1.4rem;
line-height: 1.45em;
text-align: left;
margin: 0;
padding: 0 0 0 40px;
@ -62,7 +63,7 @@ const NotificationStyles = `
.gh-portal-notification-icon {
position: absolute;
top: 17px;
top: 21px;
left: 17px;
width: 28px;
height: 28px;