fix z-index for content embeds

This commit is contained in:
hzrd149 2025-01-24 13:10:39 -06:00
parent 83c1616eeb
commit 0ed8836835
3 changed files with 5 additions and 4 deletions
src/components
content/components
embed-event

@ -12,7 +12,7 @@ const Mention: ComponentMap["mention"] = ({ node }) => {
case "nevent":
case "naddr":
case "note":
return <EmbedEventPointer pointer={node.decoded} />;
return <EmbedEventPointer pointer={node.decoded} zIndex={1} />;
default:
return null;

@ -5,10 +5,8 @@ import { NostrEvent } from "../../../types/nostr-event";
import UserAvatarLink from "../../user/user-avatar-link";
import UserLink from "../../user/user-link";
import UserDnsIdentity from "../../user/user-dns-identity";
import { renderGenericUrl, renderImageUrl, renderVideoUrl } from "../../content/links";
import Timestamp from "../../timestamp";
import { ExternalLinkIcon } from "../../icons";
import { renderAudioUrl } from "../../content/links/audio";
import DebugEventButton from "../../debug-modal/debug-event-button";
import DebugEventTags from "../../debug-modal/event-tags";
import { AppHandlerContext } from "../../../providers/route/app-handler-provider";

@ -105,7 +105,10 @@ export function EmbedEvent({
return <Suspense fallback={<Spinner />}>{renderContent()}</Suspense>;
}
export function EmbedEventPointer({ pointer, ...props }: { pointer: DecodeResult } & EmbedProps) {
export function EmbedEventPointer({
pointer,
...props
}: { pointer: DecodeResult } & EmbedProps & Omit<CardProps, "children">) {
switch (pointer.type) {
case "note": {
const event = useSingleEvent(pointer.data);