mirror of
https://github.com/home-assistant/frontend.git
synced 2025-11-09 02:49:51 +00:00
Fix
This commit is contained in:
@@ -1,14 +1,17 @@
|
|||||||
import { LitElement, css, html } from "lit";
|
import { LitElement, css, html } from "lit";
|
||||||
import { customElement } from "lit/decorators";
|
import { customElement } from "lit/decorators";
|
||||||
|
import "../../../src/components/ha-card";
|
||||||
|
|
||||||
@customElement("logs-app")
|
@customElement("logs-app")
|
||||||
class LogsApp extends LitElement {
|
class LogsApp extends LitElement {
|
||||||
render() {
|
render() {
|
||||||
return html`
|
return html`
|
||||||
<div class="container">
|
<main class="container">
|
||||||
<h1>Logs Application</h1>
|
<ha-card>
|
||||||
<p>This is a minimal logs frontend application.</p>
|
<h1>Home Assistant Logs</h1>
|
||||||
</div>
|
<p>View and search logs to diagnose issues</p>
|
||||||
|
</ha-card>
|
||||||
|
</main>
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -20,21 +23,21 @@ class LogsApp extends LitElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
padding: var(--ha-space-3xl);
|
padding: var(--ha-space-12);
|
||||||
max-width: 1200px;
|
max-width: 1200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: var(--ha-font-size-4xl);
|
font-size: var(--ha-font-size-4xl);
|
||||||
font-weight: var(--ha-font-weight-regular);
|
font-weight: var(--ha-font-weight-normal);
|
||||||
line-height: var(--ha-line-height-tight);
|
line-height: var(--ha-line-height-condensed);
|
||||||
margin: 0 0 var(--ha-space-md) 0;
|
margin: 0 0 var(--ha-space-4) 0;
|
||||||
color: var(--ha-color-text-primary);
|
color: var(--ha-color-text-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: var(--ha-font-size-md);
|
font-size: var(--ha-font-size-m);
|
||||||
line-height: var(--ha-line-height-normal);
|
line-height: var(--ha-line-height-normal);
|
||||||
color: var(--ha-color-text-secondary);
|
color: var(--ha-color-text-secondary);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user