Styling adjustments to timeline notifications
This commit is contained in:
parent
4bed918cf8
commit
7f34bedd87
22 changed files with 437 additions and 360 deletions
|
@ -3,6 +3,7 @@
|
|||
|
||||
import React from 'react';
|
||||
|
||||
import { SystemMessage } from './SystemMessage';
|
||||
import { LocalizerType } from '../../types/Util';
|
||||
import * as expirationTimer from '../../util/expirationTimer';
|
||||
|
||||
|
@ -21,15 +22,11 @@ export const UniversalTimerNotification: React.FC<Props> = props => {
|
|||
const timeValue = expirationTimer.format(i18n, expireTimer);
|
||||
|
||||
return (
|
||||
<div className="SystemMessage">
|
||||
<div className="SystemMessage__icon SystemMessage__icon--timer" />
|
||||
<div className="SystemMessage__text">
|
||||
<div>
|
||||
{i18n('UniversalTimerNotification__text', {
|
||||
timeValue,
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<SystemMessage
|
||||
icon="timer"
|
||||
contents={i18n('UniversalTimerNotification__text', {
|
||||
timeValue,
|
||||
})}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue