Use card text align variable for header text alignment (#24451)

Use card text align variable for header text aligment
This commit is contained in:
Paul Bottein 2025-02-28 15:52:40 +01:00 committed by GitHub
parent cafab61727
commit 807e87fce0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions

View File

@ -238,6 +238,7 @@ export class HuiMarkdownCard extends LitElement implements LovelaceCard {
ha-markdown { ha-markdown {
padding: 16px; padding: 16px;
word-wrap: break-word; word-wrap: break-word;
text-align: var(--card-text-align, inherit);
} }
.with-header ha-markdown { .with-header ha-markdown {
padding: 0 16px 16px; padding: 0 16px 16px;

View File

@ -564,7 +564,6 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
hui-view-header { hui-view-header {
display: block; display: block;
text-align: center;
padding: 0 var(--column-gap); padding: 0 var(--column-gap);
padding-top: var(--row-gap); padding-top: var(--row-gap);
margin: auto; margin: auto;

View File

@ -352,11 +352,11 @@ export class HuiViewHeader extends LitElement {
} }
.layout .heading { .layout .heading {
text-align: start; --card-text-align: start;
} }
.layout.center .heading { .layout.center .heading {
text-align: center; --card-text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;