From 362e5727688fe597d50f32e7d92a62cd21ba0e20 Mon Sep 17 00:00:00 2001
From: Ren Amamiya <123083837+reyamir@users.noreply.github.com>
Date: Sat, 6 May 2023 18:33:41 +0700
Subject: [PATCH] update note quote design

---
 src/app/note/components/content.tsx       | 2 +-
 src/app/note/components/preview/video.tsx | 2 +-
 src/app/note/components/quoteRepost.tsx   | 4 ++--
 src/app/note/components/rootNote.tsx      | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/note/components/content.tsx b/src/app/note/components/content.tsx
index 5559de90..0d0ce400 100644
--- a/src/app/note/components/content.tsx
+++ b/src/app/note/components/content.tsx
@@ -12,7 +12,7 @@ export const NoteContent = ({ content }: { content: any }) => {
       <ReactMarkdown
         remarkPlugins={[[remarkGfm]]}
         linkTarget="_blank"
-        className="prose prose-zinc max-w-none break-words dark:prose-invert prose-p:text-[15px] prose-p:leading-tight prose-a:text-[15px] prose-a:leading-tight prose-a:text-fuchsia-500 prose-a:no-underline prose-a:hover:text-fuchsia-600 prose-a:hover:underline prose-ol:mb-1 prose-ul:mb-1 prose-li:text-[15px] prose-li:leading-tight"
+        className="prose prose-zinc max-w-none break-words dark:prose-invert prose-p:text-[15px] prose-p:leading-tight prose-a:text-[15px] prose-a:leading-tight prose-a:text-fuchsia-500 prose-a:no-underline hover:prose-a:text-fuchsia-600 hover:prose-a:underline prose-ol:mb-1 prose-ul:mb-1 prose-li:text-[15px] prose-li:leading-tight"
         components={{
           h5: ({ ...props }) => <NoteMentionUser pubkey={props.content} />,
           h6: ({ ...props }) => <NoteQuote id={props.content} />,
diff --git a/src/app/note/components/preview/video.tsx b/src/app/note/components/preview/video.tsx
index 4bd0fc66..3cdfc180 100644
--- a/src/app/note/components/preview/video.tsx
+++ b/src/app/note/components/preview/video.tsx
@@ -4,7 +4,7 @@ export default function VideoPreview({ urls }: { urls: string[] }) {
   return (
     <div
       onClick={(e) => e.stopPropagation()}
-      className="relative mt-3 flex w-full flex-col overflow-hidden rounded-lg bg-zinc-950"
+      className="relative mt-2 flex w-full flex-col overflow-hidden rounded-lg bg-zinc-950"
     >
       <MediaPlayer src={urls[0]} poster="" controls>
         <MediaOutlet />
diff --git a/src/app/note/components/quoteRepost.tsx b/src/app/note/components/quoteRepost.tsx
index 2a03125b..82b5005b 100644
--- a/src/app/note/components/quoteRepost.tsx
+++ b/src/app/note/components/quoteRepost.tsx
@@ -9,8 +9,8 @@ export const NoteQuoteRepost = memo(function NoteQuoteRepost({ event }: { event:
 
   return (
     <div className="h-min w-full select-text px-3 py-1.5">
-      <div className="rounded-md border border-zinc-800 bg-zinc-900 px-3 py-5 shadow-input shadow-black/20">
-        <div className="pb-5">
+      <div className="rounded-md border border-zinc-800 bg-zinc-900 shadow-input shadow-black/20">
+        <div className="rounded-t-md border-b border-zinc-800 bg-zinc-950 px-3 py-2">
           <NoteRepostUser pubkey={event.pubkey} time={event.created_at} />
         </div>
         <RootNote id={rootID} fallback={event.content} />
diff --git a/src/app/note/components/rootNote.tsx b/src/app/note/components/rootNote.tsx
index 5c39c520..40acca87 100644
--- a/src/app/note/components/rootNote.tsx
+++ b/src/app/note/components/rootNote.tsx
@@ -61,7 +61,7 @@ export const RootNote = memo(function RootNote({ id, fallback }: { id: string; f
     const contentFallback = noteParser(parseFallback);
 
     return (
-      <div onClick={(e) => openNote(e)} className="flex flex-col">
+      <div onClick={(e) => openNote(e)} className="flex flex-col px-3 pb-5 pt-2">
         <NoteDefaultUser pubkey={parseFallback.pubkey} time={parseFallback.created_at} />
         <div className="mt-1 pl-[52px]">
           <NoteContent content={contentFallback} />
@@ -72,7 +72,7 @@ export const RootNote = memo(function RootNote({ id, fallback }: { id: string; f
   }
 
   return (
-    <div onClick={(e) => openNote(e)} className="flex flex-col">
+    <div onClick={(e) => openNote(e)} className="flex flex-col px-3 pb-5 pt-2">
       {data ? (
         <>
           <NoteDefaultUser pubkey={data.pubkey} time={data.created_at} />