jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Login page feedback (#18791)

Browse Source
This commit is contained in:
Bram Kragten 2023-11-28 20:21:10 +01:00 committed by GitHub
parent d968a20862
commit 8c0c56b954
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/auth/ha-auth-flow.ts
View File

@ -90,7 +90,6 @@ export class HaAuthFlow extends LitElement {
text-align: center; text-align: center;
} }
ha-auth-flow .store-token { ha-auth-flow .store-token {
margin-top: 10px;
margin-left: -16px; margin-left: -16px;
} }
a.forgot-password { a.forgot-password {

3
src/auth/ha-authorize.ts
View File

@ -114,18 +114,17 @@ export class HaAuthorize extends litLocalizeLiteMixin(LitElement) {
var(--divider-color, #e0e0e0) var(--divider-color, #e0e0e0)
); );
color: var(--primary-text-color); color: var(--primary-text-color);
transition: all 0.3s ease-out;
position: relative; position: relative;
padding: 16px; padding: 16px;
} }
.footer { .footer {
padding-top: 8px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
ha-language-picker { ha-language-picker {
width: 200px; width: 200px;
margin-top: 8px;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
--ha-select-height: 40px; --ha-select-height: 40px;

8
src/auth/ha-local-auth-flow.ts
View File

@ -72,7 +72,7 @@ export class HaLocalAuthFlow extends LitElement {
max-width: 560px; max-width: 560px;
} }
.persons { .persons {
margin-top: 32px; margin-top: 24px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 16px; gap: 16px;
@ -173,6 +173,7 @@ export class HaLocalAuthFlow extends LitElement {
border: none; border: none;
padding: 8px; padding: 8px;
font: inherit; font: inherit;
font-size: 0.875rem;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
@ -264,9 +265,7 @@ export class HaLocalAuthFlow extends LitElement {
: html`<h1> : html`<h1>
${this.localize("ui.panel.page-authorize.welcome_home")} ${this.localize("ui.panel.page-authorize.welcome_home")}
</h1> </h1>
<p> ${this.localize("ui.panel.page-authorize.who_is_logging_in")}
${this.localize("ui.panel.page-authorize.who_is_logging_in")}
</p>
<div <div
class="persons ${userIds.length < 10 && userIds.length % 4 === 1 class="persons ${userIds.length < 10 && userIds.length % 4 === 1
? "force-small" ? "force-small"
@ -322,6 +321,7 @@ export class HaLocalAuthFlow extends LitElement {
private _restart() { private _restart() {
this._selectedUser = undefined; this._selectedUser = undefined;
this._error = undefined;
} }
private _toggleUnmaskedPassword() { private _toggleUnmaskedPassword() {

2
src/onboarding/ha-onboarding.ts
View File

@ -495,6 +495,7 @@ class HaOnboarding extends litLocalizeLiteMixin(HassElement) {
z-index: 10; z-index: 10;
} }
.footer { .footer {
padding-top: 8px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -502,7 +503,6 @@ class HaOnboarding extends litLocalizeLiteMixin(HassElement) {
ha-language-picker { ha-language-picker {
display: block; display: block;
width: 200px; width: 200px;
margin-top: 8px;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
--ha-select-height: 40px; --ha-select-height: 40px;