Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

spotlight media & thread modals

Browse Source
This commit is contained in:
Martti Malmi
2023-12-06 11:29:14 +02:00
parent fabf0f372f
commit 8dc0c28377
6 changed files with 36 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/Element/Modal.tsx
View File

@ -5,6 +5,7 @@ import { ReactNode, useEffect } from "react";
export interface ModalProps {
id: string;
className?: string;
bodyClassName?: string;
onClose?: (e: React.MouseEvent | KeyboardEvent) => void;
onClick?: (e: React.MouseEvent) => void;
children: ReactNode;
@ -60,7 +61,7 @@ export default function Modal(props: ModalProps) {
return createPortal(
<div className={`modal${props.className ? ` ${props.className}` : ""}`} onClick={props.onClose}>
<div className="modal-body" onClick={props.onClose}>
<div className={props.bodyClassName || "modal-body"} onClick={props.onClose}>
<div
onClick={e => {
e.stopPropagation();