diff --git a/packages/app/src/Element/Event/Note.css b/packages/app/src/Element/Event/Note.css index 9bea0b5d4..138ce2369 100644 --- a/packages/app/src/Element/Event/Note.css +++ b/packages/app/src/Element/Event/Note.css @@ -1,10 +1,3 @@ -.note { - min-height: 110px; - display: flex; - flex-direction: column; - gap: 16px; -} - .note > .header .reply { font-size: 13px; color: var(--font-secondary-color); diff --git a/packages/app/src/Element/Event/NoteInner.tsx b/packages/app/src/Element/Event/NoteInner.tsx index a72757461..bb8a70fe5 100644 --- a/packages/app/src/Element/Event/NoteInner.tsx +++ b/packages/app/src/Element/Event/NoteInner.tsx @@ -33,7 +33,7 @@ const TEXT_TRUNCATE_LENGTH = 400; export function NoteInner(props: NoteProps) { const { data: ev, related, highlight, options: opt, ignoreModeration = false, className } = props; - const baseClassName = classNames("note card", className); + const baseClassName = classNames("note min-h-[110px] flex flex-col gap-4 card", className); const navigate = useNavigate(); const [showReactions, setShowReactions] = useState(false); diff --git a/packages/app/src/Element/Event/NoteQuote.tsx b/packages/app/src/Element/Event/NoteQuote.tsx index 455031ab7..58b749195 100644 --- a/packages/app/src/Element/Event/NoteQuote.tsx +++ b/packages/app/src/Element/Event/NoteQuote.tsx @@ -6,7 +6,12 @@ import PageSpinner from "@/Element/PageSpinner"; export default function NoteQuote({ link, depth }: { link: NostrLink; depth?: number }) { const ev = useEventFeed(link); - if (!ev.data) return ; + if (!ev.data) + return ( +
+ +
+ ); return (