docs: fix messy layout bug (#12248)

2025-04-21 11:01:41 +03:00
parent c8e8a39e6a
commit 4b55c4fb57
1 changed files with 11 additions and 0 deletions
--- a/www/packages/docs-ui/src/hooks/use-recaptcha/index.tsx
+++ b/www/packages/docs-ui/src/hooks/use-recaptcha/index.tsx
@@ -121,6 +121,17 @@ export const useRecaptcha = ({ siteKey }: UseRecaptchaProps) => {
    }
  }, [isScriptLoaded])

+  useEffect(() => {
+    if (!isExecuteReady) {
+      return
+    }
+
+    const recaptchaElm = document.querySelector(".grecaptcha-badge")
+    if (recaptchaElm?.parentElement) {
+      recaptchaElm.parentElement.classList.add("absolute")
+    }
+  }, [isExecuteReady])
+
  const execute = useCallback(
    async (actionName: RecaptchaAction): Promise<string> => {
      if (!isExecuteReady) {