From b18e4a2bd4f4266e4e44da17b3deac9826570322 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Thu, 10 Oct 2024 20:11:20 +0800
Subject: [PATCH] fix: picture action button position

part of #811
---
 apps/renderer/src/components/ui/media/preview-media.tsx | 4 ++--
 apps/renderer/src/components/ui/portal/index.tsx        | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/renderer/src/components/ui/media/preview-media.tsx b/apps/renderer/src/components/ui/media/preview-media.tsx
index 25344a534..e99d63d5d 100644
--- a/apps/renderer/src/components/ui/media/preview-media.tsx
+++ b/apps/renderer/src/components/ui/media/preview-media.tsx
@@ -46,9 +46,9 @@ const Wrapper: Component<{
           )}
         >
           {children}
-          <RootPortal>
+          <RootPortal to={entryId ? null : undefined}>
             <div
-              className="pointer-events-auto fixed bottom-4 right-4 z-[99] flex gap-3 text-white/70 [&_button]:hover:text-white"
+              className="pointer-events-auto absolute bottom-4 right-4 z-[99] flex gap-3 text-white/70 [&_button]:hover:text-white"
               onClick={stopPropagation}
             >
               {showActions && (
diff --git a/apps/renderer/src/components/ui/portal/index.tsx b/apps/renderer/src/components/ui/portal/index.tsx
index 016b64c03..2b8c6f487 100644
--- a/apps/renderer/src/components/ui/portal/index.tsx
+++ b/apps/renderer/src/components/ui/portal/index.tsx
@@ -5,10 +5,11 @@ import { useRootPortal } from "./provider"
 
 export const RootPortal: FC<
   {
-    to?: HTMLElement
+    to?: HTMLElement | null
   } & PropsWithChildren
 > = (props) => {
   const to = useRootPortal()
+  if (props.to === null) return props.children
 
   return createPortal(props.children, props.to || to || document.body)
 }