spotlight media & thread modals

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

View File

@ -11,11 +11,15 @@ export function SpotlightThreadModal(props: { thread: NostrLink; onClose?: () =>
const onBack = () => props.onBack?.();
return (
<Modal id="thread-overlay" onClose={onClose} className="thread-overlay thread">
<Modal id="thread-overlay" onClose={onClose} bodyClassName={"flex flex-1"}>
<ThreadContextWrapper link={props.thread}>
<SpotlightFromThread onClose={onClose} />
<div>
<Thread onBack={onBack} disableSpotlight={true} />
<div className="flex flex-row h-screen w-screen">
<div className="flex w-2/3 items-center justify-center overflow-hidden">
<SpotlightFromThread onClose={onClose} />
</div>
<div className="flex w-1/3 flex-shrink-0 overflow-y-auto bg-bg-color">
<Thread onBack={onBack} disableSpotlight={true} />
</div>
</div>
</ThreadContextWrapper>
</Modal>