pub-solar/keycloak-theme-react
5
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Compare commits

base: pub-solar:060fdfeda60eb3a9700c1a5292e671cacd4361fa
Branches Tags
pub-solar:main
pub-solar:update/account-styles
...
compare: pub-solar:4f1b8d053ac5d57efc8dd6bcbdea7a0965444a27
Branches Tags
pub-solar:update/account-styles
pub-solar:main

2 commits
060fdfeda6 ... 4f1b8d053a

Author SHA1 Message Date
Nikhil Nawgiri 4f1b8d053a Remove unsupported css property 'speak' 2024-04-27 18:37:52 +02:00
Nikhil Nawgiri 2c624712cc Add wrapper and apply ps-background 2024-04-27 18:37:39 +02:00
2 changed files with 131 additions and 129 deletions
Show stats Expand all files Collapse all files

7
src/keycloak-theme/login/Template.tsx
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>
); );
} }

1
src/keycloak-theme/resources/styles/scss/background.scss
View file

@ -3,7 +3,6 @@
flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
speak: none;
&--logo { &--logo {
width: 100px; width: 100px;