fixed SingInButton spacing

This commit is contained in:
2024-02-19 09:32:38 +01:00
parent a2f19c4feb
commit b66d911e11
2 changed files with 2 additions and 2 deletions

View File

@@ -47,7 +47,7 @@ const Page:FC = async () => {
</h1> </h1>
<p className="p mt-[1em] text-center">{t("main-card.text-1")}</p> <p className="p mt-[1em] text-center">{t("main-card.text-1")}</p>
<p className="p mb-[1em] text-center">{t("main-card.text-2")}</p> <p className="p mb-[1em] text-center">{t("main-card.text-2")}</p>
<span className="text-center"> <span className="flex justify-center">
{ {
Object.values(providers).map((provider) => ( Object.values(providers).map((provider) => (
<div key={provider.name}> <div key={provider.name}>

View File

@@ -21,7 +21,7 @@ export const SignInButton:React.FC<{ provider: {id:string, name:string} }> = ({
const t = useTranslations("login-page"); const t = useTranslations("login-page");
return( return(
<button className="btn btn-neutral mx-1" onClick={() => signIn(provider.id, { callbackUrl:"https://rezije.app/" }) }> <button className="btn btn-neutral m-1" onClick={() => signIn(provider.id, { callbackUrl:"https://rezije.app/" }) }>
<Image alt="Provider Logo" loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} /> <Image alt="Provider Logo" loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
<span> <span>
{t("sign-in-button")} {provider.name}</span> {t("sign-in-button")} {provider.name}</span>