This commit is contained in:
Aidan Timson
2025-11-07 10:49:23 +00:00
parent a517aabdd8
commit a8e6557b09

View File

@@ -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);
} }