feat: add logo to toolbar; remove github logo

grantwforsythe · Mar 11, 2024 · f30f735 · f30f735
1 parent 015a5e9
commit f30f735
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 14 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -31,17 +31,12 @@
         <button mat-icon-button (click)="sidenav.open('mouse')">
           <mat-icon>menu</mat-icon>
         </button>
-        <a
-          mat-button
-          id="header__link"
-          href="https://github.com/grantwforsythe/ynab-custom-reports"
-          aria-label="GitHub Repository"
-        >
+        <a mat-button [routerLink]="['budgets']" aria-label="YNAB Custom Reports">
           <img
             matButtonIcon
             aria-hidden="true"
             alt="ynab-custom-reports"
-            src="../assets/images/github.svg"
+            src="../assets/images/charts.svg"
           />
         </a>
       </div>

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -5,18 +5,13 @@
   padding-right: 25px;
 }
 
-#header__link > img {
+img {
   height: 45px;
   width: 45px;
 }
 
 .container {
   width: 100%;
   display: flex;
-  justify-content: center;
-}
-
-.container > a {
-  margin-left: auto;
-  align-self: flex-end;
+  justify-content: left;
 }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -35,5 +35,9 @@ export class AppComponent {
       'github',
       sanitizer.bypassSecurityTrustResourceUrl('assets/images/github.svg'),
     );
+    iconRegistry.addSvgIcon(
+      'charts',
+      sanitizer.bypassSecurityTrustResourceUrl('assets/images/charts.svg'),
+    );
   }
 }
diff --git a/src/assets/images/charts.svg b/src/assets/images/charts.svg