FIX : padding-and-alignment-login-page

This commit is contained in:
mukulpadwal
2024-08-31 16:25:54 +05:30
parent 7c540b6be8
commit 45e471b16a
2 changed files with 4 additions and 3 deletions

View File

@@ -8,7 +8,7 @@ import { Login } from "@app/views/Login";
export default function LoginPage() {
const { t } = useTranslation();
return (
<div className="flex max-h-screen min-h-screen flex-col justify-center overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700 px-6">
<div className="pt-8 flex flex-col items-center max-h-screen overflow-y-scroll bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700">
<Head>
<title>{t("common.head-title", { title: t("login.title") })}</title>
<link rel="icon" href="/infisical.ico" />
@@ -17,12 +17,12 @@ export default function LoginPage() {
<meta name="og:description" content={t("login.og-description") ?? ""} />
</Head>
<Link href="/">
<div className="mb-4 mt-20 flex justify-center">
<div className="w-full text-center">
<Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
</div>
</Link>
<Login />
<div className="pb-28" />
<div className="pb-4" />
</div>
);
}

View File

@@ -358,6 +358,7 @@ export const InitialStep = ({ setStep, email, setEmail, password, setPassword }:
</Link>
</div>
)}
<div className="pb-4" />
</form>
);
};