mirror of https://github.com/sualko/cloud_bbb
feat: close dialog on overlay click
parent
a541e4bfca
commit
88a992fa12
|
@ -14,7 +14,7 @@ const Dialog: React.FC<Props> = ({open, title, children, onClose = () => undefin
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="oc-dialog-dim"> </div>
|
<div className="oc-dialog-dim" onClick={() => onClose()}> </div>
|
||||||
<div className="oc-dialog bbb-dialog" tabIndex={-1} role="dialog" style={{display:'inline-block', position: 'fixed'}}>
|
<div className="oc-dialog bbb-dialog" tabIndex={-1} role="dialog" style={{display:'inline-block', position: 'fixed'}}>
|
||||||
<h2 className="oc-dialog-title">{title}</h2>
|
<h2 className="oc-dialog-title">{title}</h2>
|
||||||
<a className="oc-dialog-close" onClick={ev => {ev.preventDefault(); onClose();}}></a>
|
<a className="oc-dialog-close" onClick={ev => {ev.preventDefault(); onClose();}}></a>
|
||||||
|
|
Loading…
Reference in New Issue