pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Update turnstile widget to always fit inside its retaining box
+3
-3
+3
-3
src/components/overlays/OverlayDisplay.tsx
+3
-3
src/components/overlays/OverlayDisplay.tsx
···
29
29
return (
30
30
<div
31
31
className={classNames(
32
-
"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",
32
+
"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",
33
33
show ? "" : "hidden",
34
34
)}
35
35
>
36
-
<div className="w-full grid lg:grid-cols-[1fr,auto] gap-7 items-center">
36
+
<div className="w-full h-full grid lg:grid-cols-[1fr,auto] gap-4 md:gap-7 items-center">
37
37
<div className="text-left">
38
-
<h2 className="text-type-emphasis font-bold text-xl mb-6">
38
+
<h2 className="text-type-emphasis font-bold text-lg md:text-xl mb-4 md:mb-6">
39
39
{t("player.turnstile.title")}
40
40
</h2>
41
41
<p className="text-type-emphasis">