diff options
Diffstat (limited to 'src/components/settings/SettingsLayout.js')
-rw-r--r-- | src/components/settings/SettingsLayout.js | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/components/settings/SettingsLayout.js b/src/components/settings/SettingsLayout.js index be11fdb8e..e9119a944 100644 --- a/src/components/settings/SettingsLayout.js +++ b/src/components/settings/SettingsLayout.js | |||
@@ -3,9 +3,11 @@ import PropTypes from 'prop-types'; | |||
3 | import { observer } from 'mobx-react'; | 3 | import { observer } from 'mobx-react'; |
4 | import { defineMessages, injectIntl } from 'react-intl'; | 4 | import { defineMessages, injectIntl } from 'react-intl'; |
5 | 5 | ||
6 | import { mdiClose } from '@mdi/js'; | ||
6 | import ErrorBoundary from '../util/ErrorBoundary'; | 7 | import ErrorBoundary from '../util/ErrorBoundary'; |
7 | import { oneOrManyChildElements } from '../../prop-types'; | 8 | import { oneOrManyChildElements } from '../../prop-types'; |
8 | import Appear from '../ui/effects/Appear'; | 9 | import Appear from '../ui/effects/Appear'; |
10 | import { Icon } from '../ui/icon'; | ||
9 | 11 | ||
10 | const messages = defineMessages({ | 12 | const messages = defineMessages({ |
11 | closeSettings: { | 13 | closeSettings: { |
@@ -62,10 +64,12 @@ class SettingsLayout extends Component { | |||
62 | {children} | 64 | {children} |
63 | <button | 65 | <button |
64 | type="button" | 66 | type="button" |
65 | className="settings__close mdi mdi-close" | 67 | className="settings__close" |
66 | onClick={closeSettings} | 68 | onClick={closeSettings} |
67 | aria-label={intl.formatMessage(messages.closeSettings)} | 69 | aria-label={intl.formatMessage(messages.closeSettings)} |
68 | /> | 70 | > |
71 | <Icon icon={mdiClose} size={1.35} /> | ||
72 | </button> | ||
69 | </div> | 73 | </div> |
70 | </ErrorBoundary> | 74 | </ErrorBoundary> |
71 | </div> | 75 | </div> |