mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2026-05-31 17:46:17 +00:00
Rolled-back blurred modal
This commit is contained in:
@@ -1,11 +0,0 @@
|
||||
@import './base';
|
||||
|
||||
@media (min-width: $smMin) {
|
||||
#root {
|
||||
transition: filter 300ms;
|
||||
}
|
||||
|
||||
.with-modal #root {
|
||||
filter: blur(1.5px);
|
||||
}
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
import { FC } from 'react';
|
||||
import { ModalProps, Modal } from 'reactstrap'; // eslint-disable-line import/named
|
||||
import './BlurredModal.scss';
|
||||
|
||||
const onEnter = () => document.body.classList.add('with-modal');
|
||||
const onExit = () => document.body.classList.remove('with-modal');
|
||||
|
||||
export const BlurredModal: FC<ModalProps> = ({ children, ...rest }) => (
|
||||
<Modal {...rest} modalTransition={{ onEnter, onExit }}>
|
||||
{children}
|
||||
</Modal>
|
||||
);
|
||||
Reference in New Issue
Block a user