Fix profile page (#20199)
* Add icon to profile page * Fix notification dot color
This commit is contained in:
parent
9347944cbd
commit
8d8807e659
|
@ -1,18 +1,22 @@
|
||||||
import { customElement, property } from "lit/decorators";
|
import { customElement, property } from "lit/decorators";
|
||||||
|
|
||||||
import { HomeAssistant } from "../../types";
|
import { mdiAccount, mdiLock } from "@mdi/js";
|
||||||
|
import { PropertyValues } from "lit";
|
||||||
import { HassRouterPage, RouterOptions } from "../../layouts/hass-router-page";
|
import { HassRouterPage, RouterOptions } from "../../layouts/hass-router-page";
|
||||||
import { PageNavigation } from "../../layouts/hass-tabs-subpage";
|
import { PageNavigation } from "../../layouts/hass-tabs-subpage";
|
||||||
import { SubscribeMixin } from "../../mixins/subscribe-mixin";
|
import { SubscribeMixin } from "../../mixins/subscribe-mixin";
|
||||||
|
import { HomeAssistant } from "../../types";
|
||||||
|
|
||||||
export const profileSections: PageNavigation[] = [
|
export const profileSections: PageNavigation[] = [
|
||||||
{
|
{
|
||||||
path: "/profile/general",
|
path: "/profile/general",
|
||||||
translationKey: "ui.panel.profile.tabs.general",
|
translationKey: "ui.panel.profile.tabs.general",
|
||||||
|
iconPath: mdiAccount,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: "/profile/security",
|
path: "/profile/security",
|
||||||
translationKey: "ui.panel.profile.tabs.security",
|
translationKey: "ui.panel.profile.tabs.security",
|
||||||
|
iconPath: mdiLock,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@ -41,6 +45,22 @@ class HaPanelProfile extends SubscribeMixin(HassRouterPage) {
|
||||||
el.hass = this.hass;
|
el.hass = this.hass;
|
||||||
el.narrow = this.narrow;
|
el.narrow = this.narrow;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
protected firstUpdated(changedProps: PropertyValues) {
|
||||||
|
super.firstUpdated(changedProps);
|
||||||
|
this.style.setProperty(
|
||||||
|
"--app-header-background-color",
|
||||||
|
"var(--sidebar-background-color)"
|
||||||
|
);
|
||||||
|
this.style.setProperty(
|
||||||
|
"--app-header-text-color",
|
||||||
|
"var(--sidebar-text-color)"
|
||||||
|
);
|
||||||
|
this.style.setProperty(
|
||||||
|
"--app-header-border-bottom",
|
||||||
|
"1px solid var(--divider-color)"
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
|
|
|
@ -34,6 +34,7 @@ class HaProfileSectionSecurity extends LitElement {
|
||||||
protected render(): TemplateResult {
|
protected render(): TemplateResult {
|
||||||
return html`
|
return html`
|
||||||
<hass-tabs-subpage
|
<hass-tabs-subpage
|
||||||
|
main-page
|
||||||
.hass=${this.hass}
|
.hass=${this.hass}
|
||||||
.narrow=${this.narrow}
|
.narrow=${this.narrow}
|
||||||
.tabs=${profileSections}
|
.tabs=${profileSections}
|
||||||
|
|
Loading…
Reference in New Issue