fix turnstile look

public/config.js

@@ -14,7 +14,7 @@ window.__CONFIG__ = {
   // The backend URL to communicate with, defaults to the movie-web hosted one at backend.movie-web.app
   VITE_BACKEND_URL: "https://sudo-flix-backend.lol", // "https://mw-backend.lonelil.com",
 
-  VITE_TURNSTILE_KEY: "0x4AAAAAAATd-oefbvXlJvmj",
+  VITE_TURNSTILE_KEY: "0x4AAAAAAATd-oefbvXlJvmj", // "3x00000000000000000000FF",
 
   // A comma separated list of disallowed IDs in the case of a DMCA claim - in the format "series-<id>" and "movie-<id>"
   VITE_DISALLOWED_IDS: "",

src/assets/locales/en.json

@@ -428,7 +428,7 @@
     "turnstile": {
       "description": "Please prove your humanity by completing the Captcha on the right. This is to keep sudo-flix.lol safe!",
       "error": "Failed to verify your humanity! Please try again.",
-      "title": "We need to verify you're not a robot 🤖",
+      "title": "Are You a Robot 🤖?",
       "verifyingHumanity": "Verifying your humanity... (^▽^)👍"
     }
   },

src/components/overlays/OverlayDisplay.tsx

@@ -25,16 +25,19 @@ function TurnstileInteractive() {
   return (
     <div
       className={classNames(
-        "absolute w-10/12 max-w-[800px] bg-background-main p-20 rounded-lg select-none z-50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform",
+        "absolute w-10/12 max-w-[800px] max-h-[375px] p-20 rounded-lg select-none z-50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform",
         show ? "" : "hidden",
+        "bg-[#1b1b1b]",
       )}
     >
-      <div className="w-full grid lg:grid-cols-[1fr,auto] gap-12 items-center">
+      <div className="w-full grid lg:grid-cols-[1fr,auto] gap-8 items-center">
         <div className="text-left">
           <h2 className="text-type-emphasis font-bold text-xl mb-6">
             {t("player.turnstile.title")}
           </h2>
-          <p>{t("player.turnstile.description")}</p>
+          <p className="text-type-emphasis mb-6">
+            {t("player.turnstile.description")}
+          </p>
         </div>
         <TurnstileProvider
           isInPopout

src/pages/parts/player/ScrapingPart.tsx

@@ -151,7 +151,7 @@ export function ScrapingPart(props: ScrapingProps) {
             </div>
           );
         })}
-        {/* IDK to keep this or remove it */}
+        {/* IDK to keep this or remove it
         <div className="flex gap-3">
           <Button
             href="/"
@@ -170,6 +170,7 @@ export function ScrapingPart(props: ScrapingProps) {
             {t("notFound.reloadButton")}
           </Button>
         </div>
+        */}
       </div>
     </div>
   );