Feat: use popper to render notifications

This commit is contained in:
Cesar 2020-12-29 20:43:19 +00:00 committed by Josh Harvey
parent 55dc3aab94
commit d51c16c314
3 changed files with 1 additions and 4 deletions

View file

@ -27,7 +27,6 @@
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root" class="root"></div> <div id="root" class="root"></div>
<div id="modal-root"></div>
<!-- <!--
This HTML file is a template. This HTML file is a template.
If you open it directly in the browser, you will see an empty page. If you open it directly in the browser, you will see an empty page.

View file

@ -16,7 +16,7 @@ const styles = {
top: 0, top: 0,
zIndex: -1, zIndex: -1,
backgroundColor: white, backgroundColor: white,
height: '100vh' boxShadow: '0 0 14px 0 rgba(0, 0, 0, 0.24)'
}, },
container: { container: {
left: -200, left: -200,
@ -53,7 +53,6 @@ const styles = {
backgroundColor: zircon backgroundColor: zircon
}, },
notificationsList: { notificationsList: {
zIndex: 10,
width: 440, width: 440,
height: '90vh', height: '90vh',
maxHeight: '100vh', maxHeight: '100vh',

View file

@ -13,7 +13,6 @@ import AddMachine from 'src/pages/AddMachine'
import { ReactComponent as AddIconReverse } from 'src/styling/icons/button/add/white.svg' import { ReactComponent as AddIconReverse } from 'src/styling/icons/button/add/white.svg'
import { ReactComponent as AddIcon } from 'src/styling/icons/button/add/zodiac.svg' import { ReactComponent as AddIcon } from 'src/styling/icons/button/add/zodiac.svg'
import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg' import { ReactComponent as Logo } from 'src/styling/icons/menu/logo.svg'
import { ReactComponent as NotificationIconZodiac } from 'src/styling/icons/menu/notification-zodiac.svg'
import { ReactComponent as NotificationIcon } from 'src/styling/icons/menu/notification.svg' import { ReactComponent as NotificationIcon } from 'src/styling/icons/menu/notification.svg'
import styles from './Header.styles' import styles from './Header.styles'