Improve Z-Wave JS config dashboard styling (#26368)

This commit is contained in:
Jan-Philipp Benecke 2025-08-04 06:50:35 +02:00 committed by GitHub
parent 343aa40bc8
commit 8fd70b3ae6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -157,6 +157,7 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
.path=${mdiRefresh} .path=${mdiRefresh}
.label=${this.hass!.localize("ui.common.refresh")} .label=${this.hass!.localize("ui.common.refresh")}
></ha-icon-button> ></ha-icon-button>
<div class="container">
${this._network ${this._network
? html` ? html`
<ha-card class="content network-status"> <ha-card class="content network-status">
@ -445,12 +446,12 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
</div> </div>
<div class="card-content"> <div class="card-content">
<p> <p>
Enable the reporting of anonymized telemetry and statistics Enable the reporting of anonymized telemetry and
to the <em>Z-Wave JS organization</em>. This data will be statistics to the <em>Z-Wave JS organization</em>. This
used to focus development efforts and improve the user data will be used to focus development efforts and improve
experience. Information about the data that is collected and the user experience. Information about the data that is
how it is used, including an example of the data collected, collected and how it is used, including an example of the
can be found in the data collected, can be found in the
<a <a
target="_blank" target="_blank"
href="https://zwave-js.github.io/node-zwave-js/#/data-collection/data-collection" href="https://zwave-js.github.io/node-zwave-js/#/data-collection/data-collection"
@ -531,6 +532,7 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
</ha-card> </ha-card>
` `
: nothing} : nothing}
</div>
<ha-fab <ha-fab
slot="fab" slot="fab"
.label=${this.hass.localize( .label=${this.hass.localize(
@ -957,6 +959,7 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
.card-actions { .card-actions {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap;
} }
.card-actions ha-progress-ring { .card-actions ha-progress-ring {
@ -984,6 +987,10 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) {
.migrate-button { .migrate-button {
margin-left: auto; margin-left: auto;
} }
.container {
padding: 8px 16px 16px;
}
`, `,
]; ];
} }