Merge pull request #134 from UCI-IN4MATX-191-Token-ATM/update-icon-an…

…d-logo

Update icon and logo

src/app/components/dashboard/dashboard.component.html

@@ -4,13 +4,23 @@
         id="sidebar"
         class="d-flex flex-column flex-shrink-0 align-items-center px-3 py-5 bg-light vh-100 me-0 overflow-y-auto"
     >
-        <img src="assets/logo3.png" alt="logo" />
+        <img
+            src="assets/tokenATMLogo.svg"
+            alt="logo"
+            class="mb-3"
+            style="object-fit: contain; max-width: 160px; max-height: 80px"
+        />
         <div class="d-flex flex-column align-items-center">
-            <img *ngIf="avatarUrl" [src]="avatarUrl" alt="Avatar" />
+            <img
+                *ngIf="avatarUrl"
+                [src]="avatarUrl"
+                alt="Avatar"
+                style="object-fit: scale-down; max-width: 128px; max-height: 128px"
+            />
             <p *ngIf="name">{{ name }}</p>
             <p *ngIf="email">{{ email }}</p>
         </div>
-        <div *ngIf="course" class="d-flex flex-column align-items-center my-5">
+        <div *ngIf="course" class="d-flex flex-column align-items-center my-4">
             <p>{{ course.name }}</p>
             <p>{{ course.term.name }}</p>
             <p *ngIf="localTimeZone !== course.timeZone" (click)="onWarningClick()">

src/index.html

@@ -5,7 +5,7 @@
         <title>Token ATM</title>
         <base href="/" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" type="image/x-icon" href="favicon.ico" />
+        <link rel="icon" type="image/svg+xml" href="assets/tokenATMIcon.svg" />
         <link rel="preconnect" href="https://fonts.gstatic.com" />
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet" />
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />