From ae08f4a50f45383a815567e11d4258d2f2b26468 Mon Sep 17 00:00:00 2001
From: Sora39831 <540587985@qq.com>
Date: Tue, 7 Apr 2026 17:32:57 +0800
Subject: [PATCH] fix: separate register turnstile layout

---
 web/html/login.html | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/web/html/login.html b/web/html/login.html
index 9ef14cb5..3d8a1dfc 100644
--- a/web/html/login.html
+++ b/web/html/login.html
@@ -117,23 +117,23 @@
                             <a-icon slot="prefix" type="lock" class="fs-1rem"></a-icon>
                           </a-input-password>
                         </a-form-item>
-                        <a-form-item>
-                          <div class="cf-turnstile-wrapper">
-                            <div class="cf-turnstile" id="turnstile-widget"></div>
-                          </div>
-                        </a-form-item>
-                        <a-form-item>
-                          <a-row justify="center" class="centered">
-                            <div class="wave-btn-bg wave-btn-bg-cl h-50px mt-1rem"
-                              :style="loadingStates.registerSpinning ? 'width: 52px' : 'display: inline-block'">
-                              <a-button class="ant-btn-primary-login" type="primary" :loading="loadingStates.registerSpinning"
-                                :icon="loadingStates.registerSpinning ? 'poweroff' : undefined" html-type="submit">
-                                [[ loadingStates.registerSpinning ? '' : '{{ i18n "pages.login.registerTab" }}' ]]
-                              </a-button>
-                            </div>
-                          </a-row>
-                        </a-form-item>
                       </a-space>
+                      <a-form-item style="display:flex; justify-content:center; margin-top: 16px;">
+                        <div class="cf-turnstile-wrapper" style="display:inline-flex; max-width:100%; overflow-x:auto;">
+                          <div class="cf-turnstile" id="turnstile-widget"></div>
+                        </div>
+                      </a-form-item>
+                      <a-form-item>
+                        <a-row justify="center" class="centered">
+                          <div class="wave-btn-bg wave-btn-bg-cl h-50px mt-1rem"
+                            :style="loadingStates.registerSpinning ? 'width: 52px' : 'display: inline-block'">
+                            <a-button class="ant-btn-primary-login" type="primary" :loading="loadingStates.registerSpinning"
+                              :icon="loadingStates.registerSpinning ? 'poweroff' : undefined" html-type="submit">
+                              [[ loadingStates.registerSpinning ? '' : '{{ i18n "pages.login.registerTab" }}' ]]
+                            </a-button>
+                          </div>
+                        </a-row>
+                      </a-form-item>
                     </a-form>
                   </a-tab-pane>
                 </a-tabs>