change site logo image

src/app/dashboard/dashboard.component.html

@@ -1,7 +1,7 @@
 <main class="main" [ngClass]="cs.theme">
     <div class="content">
       <div class="left-side">
-        <div>
+        <!--
           <svg viewBox="0 0 446.827 80.665" xmlns="http://www.w3.org/2000/svg" width="193" height="43">
             <g id="svgGroup" stroke-linecap="round" fill-rule="evenodd" font-size="9pt"  >
             <path 
@@ -72,8 +72,9 @@
               </linearGradient>
             </defs>
           </svg>
-          <h1>{{'welcome'|tr:'Welcome'}}</h1>
-        </div>
+        -->
+        <img id="site-logo" src="https://cdn.swopt.com/fis/image/fis-logo.png" alt="FIS"/>
+        <h1>{{'welcome'|tr:'Welcome'}}</h1>
       </div>
       <div class="divider" role="separator" aria-label="Divider"></div>
       <div class="right-side">

src/app/dashboard/dashboard.component.scss

@@ -157,6 +157,17 @@ main {
   fill: var(--gray-900);
 }
 
+.left-side {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+#site-logo {
+  max-width: 280px;
+  pointer-events: none;
+}
+
 [class*='dark-theme'] {
   .pill {
     background: color-mix(in srgb, var(--pill-accent) 10%, transparent);