fix: better app template

teambit · Feb 15, 2024 · 8ba9a36 · 8ba9a36
1 parent 5358682
commit 8ba9a36
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 12 deletions.
diff --git a/angular/templates/generators/ng-app/template-files/src/app/app.component-html.ts b/angular/templates/generators/ng-app/template-files/src/app/app.component-html.ts
@@ -14,11 +14,7 @@ export const appComponentHtmlFile = (): ComponentFile => {
 
 <!-- Toolbar -->
 <div class="toolbar" role="banner">
-  <img
-    width="40"
-    alt="Angular Logo"
-    src="https://angular.dev/assets/content/images/press-kit/angular_icon_gradient.gif"
-  />
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 223 236" width="32"><g clip-path="url(#a)"><path fill="url(#b)" d="m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"></path><path fill="url(#c)" d="m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"></path></g><defs><linearGradient id="b" x1="49.009" x2="225.829" y1="213.75" y2="129.722" gradientUnits="userSpaceOnUse"><stop stop-color="#E40035"></stop><stop offset=".24" stop-color="#F60A48"></stop><stop offset=".352" stop-color="#F20755"></stop><stop offset=".494" stop-color="#DC087D"></stop><stop offset=".745" stop-color="#9717E7"></stop><stop offset="1" stop-color="#6C00F5"></stop></linearGradient><linearGradient id="c" x1="41.025" x2="156.741" y1="28.344" y2="160.344" gradientUnits="userSpaceOnUse"><stop stop-color="#FF31D9"></stop><stop offset="1" stop-color="#FF5BE1" stop-opacity="0"></stop></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h223v236H0z"></path></clipPath></defs></svg>
   <span>Welcome</span>
   <div class="spacer"></div>
   <a aria-label="Angular on X" target="_blank" rel="noopener" href="https://twitter.com/angular" title="X">
@@ -187,6 +183,8 @@ export const appComponentHtmlFile = (): ComponentFile => {
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
 <!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+
+<router-outlet />
 `,
   };
 };
diff --git a/angular/templates/generators/ng-app/template-files/src/app/app.component-scss.ts b/angular/templates/generators/ng-app/template-files/src/app/app.component-scss.ts
@@ -45,7 +45,7 @@ p {
   font-weight: 600;
 }
 
-.toolbar img {
+.toolbar svg {
   margin: 0 16px;
 }
 

diff --git a/integration/demo-app/src/app/app.component.html b/integration/demo-app/src/app/app.component.html
@@ -49,7 +49,7 @@
     font-weight: 600;
   }
 
-  .toolbar img {
+  .toolbar svg {
     margin: 0 16px;
   }
 
@@ -306,11 +306,7 @@
 
 <!-- Toolbar -->
 <div class="toolbar" role="banner">
-  <img
-    width="40"
-    alt="Angular Logo"
-    src="https://angular.dev/assets/content/images/press-kit/angular_icon_gradient.gif"
-  />
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 223 236" width="32"><g clip-path="url(#a)"><path fill="url(#b)" d="m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"></path><path fill="url(#c)" d="m222.077 39.192-8.019 125.923L137.387 0l84.69 39.192Zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301l11.783 28.556ZM111.039 62.675l30.357 73.803H80.681l30.358-73.803ZM7.937 165.115 0 39.192 84.69 0 7.937 165.115Z"></path></g><defs><linearGradient id="b" x1="49.009" x2="225.829" y1="213.75" y2="129.722" gradientUnits="userSpaceOnUse"><stop stop-color="#E40035"></stop><stop offset=".24" stop-color="#F60A48"></stop><stop offset=".352" stop-color="#F20755"></stop><stop offset=".494" stop-color="#DC087D"></stop><stop offset=".745" stop-color="#9717E7"></stop><stop offset="1" stop-color="#6C00F5"></stop></linearGradient><linearGradient id="c" x1="41.025" x2="156.741" y1="28.344" y2="160.344" gradientUnits="userSpaceOnUse"><stop stop-color="#FF31D9"></stop><stop offset="1" stop-color="#FF5BE1" stop-opacity="0"></stop></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h223v236H0z"></path></clipPath></defs></svg>
   <span>Welcome</span>
   <div class="spacer"></div>
   <a aria-label="Angular on twitter" target="_blank" rel="noopener" href="https://twitter.com/angular" title="Twitter">