diff --git a/adev/src/app/editor/preview/preview-error.component.html b/adev/src/app/editor/preview/preview-error.component.html index 88b6c773f8c..cbec93488a4 100644 --- a/adev/src/app/editor/preview/preview-error.component.html +++ b/adev/src/app/editor/preview/preview-error.component.html @@ -1,4 +1,10 @@
+ @if (error()?.type === ErrorType.UNSUPPORTED_BROWSER_ENVIRONMENT) { @if (isIos) {

Open angular.dev on desktop to code in your browser.

diff --git a/adev/src/app/editor/preview/preview-error.component.scss b/adev/src/app/editor/preview/preview-error.component.scss index 46a5cd9588e..be864f15ad5 100644 --- a/adev/src/app/editor/preview/preview-error.component.scss +++ b/adev/src/app/editor/preview/preview-error.component.scss @@ -1,5 +1,12 @@ :host { - margin: 5% auto; + margin: auto; +} + +.adev-preview-error-angie { + display: block; + width: 140px; + height: auto; + margin: 0 auto; } .adev-preview-error { diff --git a/adev/src/assets/images/angie/error.svg b/adev/src/assets/images/angie/error.svg new file mode 100644 index 00000000000..727c12a847c --- /dev/null +++ b/adev/src/assets/images/angie/error.svg @@ -0,0 +1 @@ + \ No newline at end of file