fix: title default position lower & drag stability (#1690)

Co-authored-by: xiaoxia <dev@xiaoxiajianji.com> Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>
2026-09-04 15:16:45 +08:00
parent 3fcc65840e
commit 8a3115bc54
2 changed files with 6 additions and 4 deletions
@@ -87,7 +87,7 @@ const PreviewPlayer: React.FC<PreviewPlayerProps> = ({
                WebkitTextStroke: "1px rgba(0,0,0,0.6)",
                top:
                  titleConfig.position === "top"
-                    ? "8px"
+                    ? "6.25%"
                    : titleConfig.position === "center"
                      ? "50%"
                      : "auto",
@@ -591,6 +591,8 @@ const FrontendPreviewPlayer: React.FC<FrontendPreviewPlayerProps> = ({
          <div
            style={{
              position: "absolute",
+              width: `${100 - 2 * titleSidePct}%`,
+              maxWidth: `${100 - 2 * titleSidePct}%`,
              ...(customTitleXPct != null && customTitleYPct != null
                ? {
                    left: `${customTitleXPct}%`,
@@ -599,13 +601,13 @@ const FrontendPreviewPlayer: React.FC<FrontendPreviewPlayerProps> = ({
                    textAlign: "center" as const,
                  }
                : {
-                    left: `${titleSidePct}%`,
-                    right: `${titleSidePct}%`,
+                    left: "50%",
+                    transform: "translateX(-50%)",
                    textAlign: "center" as const,
                    ...(titleSettings.position === "top"
                      ? { top: `${titleTopPct}%` }
                      : titleSettings.position === "center"
-                        ? { top: "50%", transform: "translateY(-50%)" }
+                        ? { top: "50%", transform: "translate(-50%, -50%)" }
                        : { bottom: `${titleBottomPct}%` }),
                  }),
              pointerEvents: "auto",