jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix alarm panel look (#2753)

Browse Source
This commit is contained in:
Paulus Schoutsen 2019-02-14 15:53:42 -08:00 committed by GitHub
parent e2fc98526b
commit f8b66a78fa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/panels/lovelace/cards/hui-alarm-panel-card.ts
View File

@ -128,9 +128,13 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
: ["disarm"] : ["disarm"]
).map((state) => { ).map((state) => {
return html` return html`
<mwc-button .action="${state}" @click="${this._handleActionClick}" <mwc-button
>${this._label(state)}</mwc-button .action="${state}"
@click="${this._handleActionClick}"
outlined
> >
${this._label(state)}
</mwc-button>
`; `;
})} })}
</div> </div>
@ -154,14 +158,14 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
` `
: html` : html`
<mwc-button <mwc-button
noink
raised
.value="${value}" .value="${value}"
@click="${this._handlePadClick}" @click="${this._handlePadClick}"
>${value === "clear" dense
? this._label("clear_code")
: value}</mwc-button
> >
${value === "clear"
? this._label("clear_code")
: value}
</mwc-button>
`; `;
})} })}
</div> </div>
@ -274,6 +278,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
width: 30%; width: 30%;
padding: calc(var(--base-unit)); padding: calc(var(--base-unit));
font-size: calc(var(--base-unit) * 1.1); font-size: calc(var(--base-unit) * 1.1);
box-sizing: border-box;
} }
.actions { .actions {
margin: 0 8px; margin: 0 8px;
@ -286,6 +291,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
.actions mwc-button { .actions mwc-button {
min-width: calc(var(--base-unit) * 9); min-width: calc(var(--base-unit) * 9);
color: var(--primary-color); color: var(--primary-color);
margin: 0 4px;
} }
mwc-button#disarm { mwc-button#disarm {
color: var(--google-red-500); color: var(--google-red-500);