Branding adjustment for cloud discover (#16396)

* Branding adjustment for cloud discover

* Amazing
This commit is contained in:
Paul Bottein 2023-05-03 14:59:35 +02:00 committed by GitHub
parent 02a94c04af
commit a39c2a314a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 29 additions and 20 deletions

View File

@ -18,10 +18,33 @@ export class CloudDiscover extends LitElement {
<div class="card-content"> <div class="card-content">
<h1 class="header"> <h1 class="header">
${this.hass.localize( ${this.hass.localize(
"ui.panel.config.voice_assistants.assistants.cloud.header" "ui.panel.config.voice_assistants.assistants.cloud.title",
{
home_assistant_cloud: html`
<span class="no-wrap">Home Assistant Cloud</span>
`,
}
)} )}
</h1> </h1>
<div class="features"> <div class="features">
<div class="feature">
<div class="logos">
<div class="round-icon">
<ha-svg-icon .path=${mdiMicrophoneMessage}></ha-svg-icon>
</div>
</div>
<h2>
${this.hass.localize(
"ui.panel.config.voice_assistants.assistants.cloud.features.speech.title"
)}
<span class="no-wrap"></span>
</h2>
<p>
${this.hass.localize(
"ui.panel.config.voice_assistants.assistants.cloud.features.speech.text"
)}
</p>
</div>
<div class="feature"> <div class="feature">
<div class="logos"> <div class="logos">
<img <img
@ -54,23 +77,6 @@ export class CloudDiscover extends LitElement {
)} )}
</p> </p>
</div> </div>
<div class="feature">
<div class="logos">
<div class="round-icon">
<ha-svg-icon .path=${mdiMicrophoneMessage}></ha-svg-icon>
</div>
</div>
<h2>
${this.hass.localize(
"ui.panel.config.voice_assistants.assistants.cloud.features.speech.title"
)}
</h2>
<p>
${this.hass.localize(
"ui.panel.config.voice_assistants.assistants.cloud.features.speech.text"
)}
</p>
</div>
</div> </div>
<div class="more"> <div class="more">
<a href="https://www.nabucasa.com" target="_blank" rel="noreferrer"> <a href="https://www.nabucasa.com" target="_blank" rel="noreferrer">
@ -195,6 +201,9 @@ export class CloudDiscover extends LitElement {
.more a ha-svg-icon { .more a ha-svg-icon {
--mdc-icon-size: 16px; --mdc-icon-size: 16px;
} }
.no-wrap {
white-space: nowrap;
}
`; `;
} }
} }

View File

@ -2081,14 +2081,14 @@
} }
}, },
"cloud": { "cloud": {
"header": "Get the best assistant with Home Assistant Cloud", "title": "Get the best assistant with {home_assistant_cloud}",
"features": { "features": {
"assistants": { "assistants": {
"title": "Google Assistant and Amazon Alexa", "title": "Google Assistant and Amazon Alexa",
"text": "Control all your Home Assistant devices via any Google Assistant-enabled or Alexa-enabled device." "text": "Control all your Home Assistant devices via any Google Assistant-enabled or Alexa-enabled device."
}, },
"speech": { "speech": {
"title": "Better speech options", "title": "Amazing speech options for Assist",
"text": "Bring personality to your home by having it speak to you using our neural-network powered speech-to-text and text-to-speech services." "text": "Bring personality to your home by having it speak to you using our neural-network powered speech-to-text and text-to-speech services."
} }
}, },