show vehicle thumbnail

Views/Vehicle/Index.cshtml

@@ -30,7 +30,11 @@
         <div class="row mt-2">
             <div class="d-flex lubelogger-navbar">
                 <div class="me-2" style="cursor:pointer;" onclick="returnToGarage()">
-                    <img src="@config.GetSmallLogoUrl()" class="lubelogger-logo" />
+                    @if(userConfig.ShowVehicleThumbnail) {
+                        <img src="@Model.ImageLocation" class="lubelogger-vehicle-logo @(string.IsNullOrWhiteSpace(Model.SoldDate) ? "" : "sold")" />
+                    } else {
+                        <img src="@config.GetSmallLogoUrl()" class="lubelogger-logo" />
+                    }
                 </div>
                 <ul class="nav nav-tabs lubelogger-tab flex-grow-1" id="vehicleTab" role="tablist">
                     <li class="nav-item" role="presentation" style="order: @userConfig.TabOrder.FindIndex(x=>x == ImportMode.Dashboard)">

wwwroot/css/site.css

@@ -535,4 +535,16 @@ html[data-bs-theme="light"] .api-method:hover {
     font-size: 0.6em;
     font-weight: 500;
     top: 15%
-}
+}
+
+.lubelogger-vehicle-logo {
+    height: 48px;
+    width: 48px;
+    border-radius: 50%;
+    object-fit: cover;
+    pointer-events: none;
+}
+
+    .lubelogger-vehicle-logo.sold {
+        filter: grayscale(100%);
+    }