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

View file

@ -16,7 +16,7 @@ const styles = {
top: 0,
zIndex: -1,
backgroundColor: white,
height: '100vh'
boxShadow: '0 0 14px 0 rgba(0, 0, 0, 0.24)'
},
container: {
left: -200,
@ -53,7 +53,6 @@ const styles = {
backgroundColor: zircon
},
notificationsList: {
zIndex: 10,
width: 440,
height: '90vh',
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 AddIcon } from 'src/styling/icons/button/add/zodiac.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 styles from './Header.styles'