diff --git a/apps/pwabuilder/src/script/components/windows-form.ts b/apps/pwabuilder/src/script/components/windows-form.ts index 1ccce6494..5be11cfc1 100644 --- a/apps/pwabuilder/src/script/components/windows-form.ts +++ b/apps/pwabuilder/src/script/components/windows-form.ts @@ -12,6 +12,8 @@ import { fetchOrCreateManifest } from '../services/manifest'; import { AnalyticsBehavior, recordPWABuilderProcessStep } from '../utils/analytics'; import { ManifestContext, PackageOptions } from '../utils/interfaces'; +import "../components/arrow-link"; + @customElement('windows-form') export class WindowsForm extends AppPackageFormBase { @@ -161,6 +163,25 @@ export class WindowsForm extends AppPackageFormBase { background-color: var(--primary-color); border-color: var(--primary-color); } + + #ai-hub-label { + display: flex; + align-items: center; + justify-content: flex-start; + } + + #ai-hub-text { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: flex-start; + } + + #ai-hub-text p { + margin: 0; + color: #7f7f7f; + font-size: 14px; + } ` ]; @@ -392,6 +413,16 @@ export class WindowsForm extends AppPackageFormBase { (this.packageOptions.publisher.commonName = val), })} +
+
+ + +
+
+

We will promote the best AI expereiences built by the developer community on our Microsoft Store's AI Hub.

+ +
+
this.rotateNinety()} @sl-hide=${() => this.rotateZero()}>