TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-12 12:29:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles, assets, nav

Browse Source
This commit is contained in:
Max Peintner
2023-04-27 13:23:13 +02:00
parent 1e27d500f1
commit 3ca419bcf8
16 changed files with 57 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
apps/login/app/layout.tsx
View File

@@ -11,7 +11,7 @@ import { server } from "../lib/zitadel";
import { LabelPolicyColors } from "#/utils/colors";
const lato = Lato({
weight: "400",
weight: ["400", "700", "900"],
subsets: ["latin"],
});
@@ -22,6 +22,9 @@ export default async function RootLayout({
}: {
children: React.ReactNode;
}) {
// later only shown with dev mode enabled
const showNav = true;
const branding = await getBranding(server);
let partialPolicy: LabelPolicyColors | undefined;
console.log(branding);
@@ -44,23 +47,29 @@ export default async function RootLayout({
<ThemeWrapper branding={partialPolicy}>
<LayoutProviders>
<div className="h-screen overflow-y-scroll bg-background-light-600 dark:bg-background-dark-600 bg-[url('/grid-light.svg')] dark:bg-[url('/grid-dark.svg')]">
<GlobalNav />
{showNav && <GlobalNav />}
<div className="lg:pl-72 pb-4">
<div className={`${showNav ? "lg:pl-72" : ""} pb-4`}>
<div className="mx-auto max-w-[440px] space-y-8 pt-20 lg:py-8">
<div className="rounded-lg bg-vc-border-gradient dark:bg-dark-vc-border-gradient p-px shadow-lg shadow-black/5 dark:shadow-black/20">
<div className="rounded-lg bg-background-light-400 dark:bg-background-dark-500">
<AddressBar />
{showNav && (
<div className="rounded-lg bg-vc-border-gradient dark:bg-dark-vc-border-gradient p-px shadow-lg shadow-black/5 dark:shadow-black/20">
<div className="rounded-lg bg-background-light-400 dark:bg-background-dark-500">
<AddressBar />
</div>
</div>
</div>
)}
<div className="rounded-lg bg-vc-border-gradient dark:bg-dark-vc-border-gradient p-px shadow-lg shadow-black/5 dark:shadow-black/20">
<div className="rounded-lg bg-vc-border-gradient dark:bg-dark-vc-border-gradient p-px shadow-lg shadow-black/5 dark:shadow-black/20 mb-10">
<div className="rounded-lg bg-background-light-400 dark:bg-background-dark-500 px-8 py-12">
{children}
</div>
</div>
<div className="rounded-lg bg-vc-border-gradient dark:bg-dark-vc-border-gradient p-px shadow-lg shadow-black/5 dark:shadow-black/20">
<div
className={`rounded-lg bg-vc-border-gradient dark:bg-dark-vc-border-gradient p-px shadow-lg shadow-black/5 dark:shadow-black/20 ${
showNav ? "" : "max-w-[440px] w-full fixed bottom-4"
}`}
>
<div className="rounded-lg bg-background-light-400 dark:bg-background-dark-500">
<Byline />
</div>