jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 19:26:36 +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"]
).map((state) => {
return html`
<mwc-button .action="${state}" @click="${this._handleActionClick}"
>${this._label(state)}</mwc-button
<mwc-button
.action="${state}"
@click="${this._handleActionClick}"
outlined
>
${this._label(state)}
</mwc-button>
`;
})}
</div>
@ -154,14 +158,14 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
`
: html`
<mwc-button
noink
raised
.value="${value}"
@click="${this._handlePadClick}"
>${value === "clear"
? this._label("clear_code")
: value}</mwc-button
dense
>
${value === "clear"
? this._label("clear_code")
: value}
</mwc-button>
`;
})}
</div>
@ -274,6 +278,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
width: 30%;
padding: calc(var(--base-unit));
font-size: calc(var(--base-unit) * 1.1);
box-sizing: border-box;
}
.actions {
margin: 0 8px;
@ -286,6 +291,7 @@ class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
.actions mwc-button {
min-width: calc(var(--base-unit) * 9);
color: var(--primary-color);
margin: 0 4px;
}
mwc-button#disarm {
color: var(--google-red-500);