diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index eeebb7dc..f0c05add 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -6,6 +6,7 @@ import { Icons } from "@/components/Icon"; import { IconPill } from "@/components/layout/IconPill"; import { Loading } from "@/components/layout/Loading"; import { WideContainer } from "@/components/layout/WideContainer"; +import { useAuth } from "@/hooks/auth/useAuth"; import { useDebounce } from "@/hooks/useDebounce"; import { useRandomTranslation } from "@/hooks/useRandomTranslation"; import { useSearchQuery } from "@/hooks/useSearchQuery"; @@ -101,11 +102,17 @@ export function HomePage() { localStorage.setItem("popupDismissed", "true"); }; + const { loggedIn } = useAuth(); + return ( setShowModal(true)} - className="text-l lg:text-lg text-white tabbable rounded-full z-50 fixed top-5 right-[7.5rem]" + className={` text-white tabbable rounded-full z-50 fixed top-5 ${ + loggedIn + ? "right-[7.5rem] lg:right-[12.5rem] lg:text-2xl" + : "right-[7.5rem] text-xl lg:text-lg" + }`} style={{ animation: "pulse 1s infinite" }} >