Place addon documentation in a card (#5726)

This commit is contained in:
Joakim Sørensen 2020-05-02 19:20:20 +02:00 committed by GitHub
parent df8cf66e02
commit 07cd30eaca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,5 +1,5 @@
import "@polymer/paper-spinner/paper-spinner-lite";
import "@polymer/paper-card/paper-card";
import {
css,
CSSResult,
@ -41,12 +41,14 @@ class HassioAddonDocumentationDashboard extends LitElement {
}
return html`
<div class="content">
${this._error ? html` <div class="errors">${this._error}</div> ` : ""}
<div class="card-content">
${this._content
? html`<ha-markdown .content=${this._content}></ha-markdown>`
: html`<loading-screen></loading-screen>`}
</div>
<paper-card>
${this._error ? html` <div class="errors">${this._error}</div> ` : ""}
<div class="card-content">
${this._content
? html`<ha-markdown .content=${this._content}></ha-markdown>`
: html`<loading-screen></loading-screen>`}
</div>
</paper-card>
</div>
`;
}
@ -56,6 +58,9 @@ class HassioAddonDocumentationDashboard extends LitElement {
haStyle,
hassioStyle,
css`
paper-card {
display: block;
}
.content {
margin: auto;
padding: 8px;