dev
/
sudo-archive
mirror of https://github.com/sussy-code/smov.git
2
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update turnstile widget to always fit inside its retaining box

This commit is contained in:
Captain Jack Sparrow 2024-06-09 21:36:24 +00:00
parent 8f28dde9ca
commit b9d55f23cf
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/overlays/OverlayDisplay.tsx
View File

@ -29,13 +29,13 @@ function TurnstileInteractive() {
return (
<div
className={classNames(
"absolute w-10/12 max-w-[43em] p-10 rounded-lg bg-dropdown-altBackground select-none z-50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform",
"absolute w-full max-w-[43em] max-h-full p-5 md:p-10 rounded-lg bg-dropdown-altBackground select-none z-50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform overflow-auto",
show ? "" : "hidden",
)}
>
<div className="w-full grid lg:grid-cols-[1fr,auto] gap-7 items-center">
<div className="w-full h-full grid lg:grid-cols-[1fr,auto] gap-4 md:gap-7 items-center">
<div className="text-left">
<h2 className="text-type-emphasis font-bold text-xl mb-6">
<h2 className="text-type-emphasis font-bold text-lg md:text-xl mb-4 md:mb-6">
{t("player.turnstile.title")}
</h2>
<p className="text-type-emphasis">