Feat: use popper to render notifications
This commit is contained in:
parent
55dc3aab94
commit
d51c16c314
3 changed files with 1 additions and 4 deletions
|
|
@ -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.
|
||||||
|
|
|
||||||
|
|
@ -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',
|
||||||
|
|
|
||||||
|
|
@ -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'
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue