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

Place addon documentation in a card (#5726)

Browse Source
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
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
hassio/src/addon-view/documentation/hassio-addon-documentation-tab.ts
View File

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