yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove extra layout

Browse Source
This commit is contained in:
Jacob Overgaard
2024-04-09 10:06:53 +02:00
parent b66074555c
commit 5a34eba10c
2 changed files with 13 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/Umbraco.Web.UI.Client/src/assets/login.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 358 KiB

74
src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts
View File

@@ -30,22 +30,17 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
render() {
return html`
<div id="layout">
<div id="graphics" aria-hidden="true">
<img id="logo" alt="logo" src="/umbraco/backoffice/assets/umbraco_logo_white.svg" />
</div>
<umb-body-layout id="login-layout">
<h1 id="greeting" slot="header">${this.headline}</h1>
${this.data?.userLoginState === 'timedOut'
? html`<p style="margin-top:0">${this.localize.term('login_timeout')}</p>`
: ''}
<umb-extension-slot
id="providers"
type="authProvider"
default-element="umb-auth-provider-default"
.props=${this.props}></umb-extension-slot>
</umb-body-layout>
</div>
<umb-body-layout id="login-layout">
<h1 id="greeting" slot="header">${this.headline}</h1>
${this.data?.userLoginState === 'timedOut'
? html`<p style="margin-top:0">${this.localize.term('login_timeout')}</p>`
: ''}
<umb-extension-slot
id="providers"
type="authProvider"
default-element="umb-auth-provider-default"
.props=${this.props}></umb-extension-slot>
</umb-body-layout>
`;
}
@@ -59,41 +54,13 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
css`
:host {
display: block;
padding: 20px;
width: 800px;
max-width: 80vw;
--umb-body-layout-color-background: #fff;
--umb-login-image: url('/umbraco/backoffice/assets/login.jpg') center center / cover no-repeat;
}
#layout {
display: flex;
flex-direction: row;
height: 100%;
gap: var(--uui-size-space-5);
container-type: inline-size;
container-name: umb-app-auth-modal;
}
#graphics {
position: relative;
align-self: center;
text-align: center;
background: var(--umb-login-image);
width: 400px;
height: 327px;
}
#logo {
position: absolute;
top: 20px;
left: 20px;
width: calc(100% / 3);
}
#login-layout {
max-width: 380px;
width: 380px;
max-width: 80vw;
min-height: 327px;
}
@@ -112,21 +79,6 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
flex-direction: column;
gap: var(--uui-size-space-5);
}
@container umb-app-auth-modal (width < 568px) {
#graphics {
display: none;
}
#login-layout {
max-width: none;
min-height: none;
}
#greeting {
text-align: center;
}
}
`,
];
}