Improve scene layout (#13641)

This commit is contained in:
Paul Bottein 2022-09-07 15:33:17 +02:00 committed by GitHub
parent b682d13486
commit 37c2a3636e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 8 deletions

View File

@ -126,3 +126,9 @@ export class HaConfigSection extends LitElement {
`; `;
} }
} }
declare global {
interface HTMLElementTagNameMap {
"ha-config-section": HaConfigSection;
}
}

View File

@ -29,6 +29,7 @@ import { computeRTL } from "../../../common/util/compute_rtl";
import "../../../components/device/ha-device-picker"; import "../../../components/device/ha-device-picker";
import "../../../components/entity/ha-entities-picker"; import "../../../components/entity/ha-entities-picker";
import "../../../components/ha-area-picker"; import "../../../components/ha-area-picker";
import "../../../components/ha-button-menu";
import "../../../components/ha-card"; import "../../../components/ha-card";
import "../../../components/ha-fab"; import "../../../components/ha-fab";
import "../../../components/ha-icon-button"; import "../../../components/ha-icon-button";
@ -279,7 +280,12 @@ export class HaSceneEditor extends SubscribeMixin(
> >
${this._config ${this._config
? html` ? html`
<div class="container"> <div
class=${classMap({
container: true,
narrow: !this.isWide,
})}
>
<ha-card outlined> <ha-card outlined>
<div class="card-content"> <div class="card-content">
<ha-textfield <ha-textfield
@ -954,15 +960,13 @@ export class HaSceneEditor extends SubscribeMixin(
overflow: hidden; overflow: hidden;
} }
.container { .container {
display: flex; padding: 28px 20px 0;
justify-content: center;
margin-top: 24px;
}
.container > * {
max-width: 1040px; max-width: 1040px;
flex: 1 1 auto; margin: 0 auto;
}
.narrow.container {
max-width: 640px;
} }
.errors { .errors {
padding: 20px; padding: 20px;
font-weight: bold; font-weight: bold;