Add wrapper and apply ps-background

This commit is contained in:
Nikhil Nawgiri 2024-04-27 18:37:39 +02:00
parent 060fdfeda6
commit 2c624712cc

View file

@ -6,6 +6,7 @@ import { usePrepareTemplate } from "keycloakify/lib/usePrepareTemplate";
import { type TemplateProps } from "keycloakify/login/TemplateProps"; import { type TemplateProps } from "keycloakify/login/TemplateProps";
import type { KcContext } from "./kcContext"; import type { KcContext } from "./kcContext";
import type { I18n } from "./i18n"; import type { I18n } from "./i18n";
import "../resources/styles/scss/background.scss";
export default function Template(props: TemplateProps<KcContext, I18n>) { export default function Template(props: TemplateProps<KcContext, I18n>) {
const { const {
@ -46,8 +47,10 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
return null; return null;
} }
return (<> return (
<div className="ps-background">
<header className="ps-header"> <header className="ps-header">
lorem ipsum - 27.04.2024
{realm.internationalizationEnabled && (assert(locale !== undefined), true) && locale.supported.length > 1 && ( {realm.internationalizationEnabled && (assert(locale !== undefined), true) && locale.supported.length > 1 && (
<div id="kc-locale"> <div id="kc-locale">
<div id="kc-locale-wrapper" className="ps-locale-dropdown"> <div id="kc-locale-wrapper" className="ps-locale-dropdown">
@ -173,6 +176,6 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
)} )}
</div> </div>
</div> </div>
</> </div>
); );
} }