muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-29 14:46:41 +07:00
Code Packages Activity Actions

displaying profile backdrop

Browse source
This commit is contained in:
Fedor Katurov 2019-11-13 16:15:00 +07:00
parent 0eae79ec08
commit 327272a08a
5 changed files with 99 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/containers/dialogs/BetterScrollDialog/index.tsx
View file

@ -7,6 +7,7 @@ interface IProps {
children: React.ReactChild;
header?: JSX.Element;
footer?: JSX.Element;
backdrop?: JSX.Element;
size?: 'medium' | 'big';
width?: number;
error?: string;
@ -20,6 +21,7 @@ const BetterScrollDialog: FC<IProps> = ({
children,
header,
footer,
backdrop,
width = 600,
error,
onClose,
@ -34,6 +36,8 @@ const BetterScrollDialog: FC<IProps> = ({
return (
<div className={styles.wrap} ref={ref}>
{backdrop && <div className={styles.backdrop}>{backdrop}</div>}
<div className={styles.container} style={{ maxWidth: width }}>
{onClose && (
<div className={styles.close} onClick={onClose}>

8
src/containers/dialogs/BetterScrollDialog/styles.scss
View file

@ -97,3 +97,11 @@
pointer-events: none;
background: linear-gradient($red, transparentize($red, 1));
}
.backdrop {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}