From 88fc9227f02c2da1cbebdfaf1f86463990672ad7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A9=98=E7=8C=AB?=
 <14495495+small-ginger-cat@user.noreply.gitee.com>
Date: Mon, 22 Jun 2026 17:05:46 +0800
Subject: [PATCH] fix(project): public advertisements tooltip flickers, report
 dialog misalign

---
 .../animate-ui/primitives/animate/tooltip.tsx        | 12 +++++++-----
 frontend/components/common/receive/ReportButton.tsx  |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/components/animate-ui/primitives/animate/tooltip.tsx b/frontend/components/animate-ui/primitives/animate/tooltip.tsx
index f01180e..c21ca7a 100644
--- a/frontend/components/animate-ui/primitives/animate/tooltip.tsx
+++ b/frontend/components/animate-ui/primitives/animate/tooltip.tsx
@@ -234,7 +234,7 @@ function TooltipPortal(props: TooltipPortalProps) {
 }
 
 function TooltipOverlay() {
-  const {currentTooltip, transition, globalId, referenceElRef} =
+  const {currentTooltip, transition, referenceElRef} =
     useGlobalTooltip();
 
   const [rendered, setRendered] = React.useState<{
@@ -284,18 +284,21 @@ function TooltipOverlay() {
     <AnimatePresence mode="wait">
       {rendered.data && ready && (
         <TooltipPortal>
-          <div
+          <motion.div
             ref={refs.setFloating}
             data-slot="tooltip-overlay"
             data-side={resolvedSide}
             data-align={rendered.data.align}
             data-state={rendered.open ? 'open' : 'closed'}
+            initial={false}
+            animate={{x: x!, y: y!}}
+            transition={transition}
             style={{
               position: strategy,
               top: 0,
               left: 0,
               zIndex: 50,
-              transform: `translate3d(${x!}px, ${y!}px, 0)`,
+              willChange: 'transform',
             }}
           >
             <FloatingProvider value={{context, arrowRef}}>
@@ -311,7 +314,6 @@ function TooltipOverlay() {
                   data-side={resolvedSide}
                   data-align={rendered.data.align}
                   data-state={rendered.open ? 'open' : 'closed'}
-                  layoutId={`tooltip-content-${globalId}`}
                   initial={{
                     opacity: 0,
                     scale: 0,
@@ -345,7 +347,7 @@ function TooltipOverlay() {
                 />
               </RenderedTooltipProvider>
             </FloatingProvider>
-          </div>
+          </motion.div>
         </TooltipPortal>
       )}
     </AnimatePresence>
diff --git a/frontend/components/common/receive/ReportButton.tsx b/frontend/components/common/receive/ReportButton.tsx
index 0ddd5a6..7552cff 100644
--- a/frontend/components/common/receive/ReportButton.tsx
+++ b/frontend/components/common/receive/ReportButton.tsx
@@ -122,7 +122,7 @@ export function ReportButton({projectId, user, hasReported = false, variant = 'd
             如果您发现此项目存在违规内容、恶意行为或其他问题，请填写举报理由。我们会认真处理您的反馈。
           </DialogDescription>
         </DialogHeader>
-        <div className="grid gap-4 py-4">
+        <div className="grid gap-4 py-4 ml-6 mr-6">
           <div className="grid gap-2">
             <Label htmlFor="reason">举报理由</Label>
             <Textarea