@RenderBody() diff --git a/Views/Vehicle/Index.cshtml b/Views/Vehicle/Index.cshtml index c2069e3..731910b 100644 --- a/Views/Vehicle/Index.cshtml +++ b/Views/Vehicle/Index.cshtml @@ -25,6 +25,58 @@ } +@section Nav{ +
+
+
+
+ +
+ + @($"{Model.Year} {Model.Make} {Model.Model}")@($"(#{StaticHelper.GetVehicleIdentifier(Model)})") + +
+ +
+
+
+
+
+}
-
-
- -

@($"{Model.Year} {Model.Make} {Model.Model}")@($"(#{StaticHelper.GetVehicleIdentifier(Model)})")

- -
- -
-
-
-
-
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css index 75df6e9..721945d 100644 --- a/wwwroot/css/site.css +++ b/wwwroot/css/site.css @@ -242,6 +242,18 @@ html { background-color: #0d6efd; } +.lubelogger-navbar { + align-items: center; +} + +.lubelogger-tab { + border:none; +} + + .lubelogger-tab .nav-link { + border: none; + } + /*Media Queries*/ @media (max-width: 576px) { .lubelogger-tab { @@ -298,10 +310,6 @@ html { display: none; } - .lubelogger-navbar { - justify-content: center; - } - .lubelogger-navbar-button { display: none; } @@ -500,7 +508,8 @@ html[data-bs-theme="light"] .api-method:hover { .lubelogger-logo { height: 48px; - width: 204px; + min-width: 48px; + max-width: 204px; object-fit: scale-down; pointer-events: none; } diff --git a/wwwroot/defaults/lubelogger_logo_small.png b/wwwroot/defaults/lubelogger_logo_small.png new file mode 100644 index 0000000..7148afb Binary files /dev/null and b/wwwroot/defaults/lubelogger_logo_small.png differ diff --git a/wwwroot/js/shared.js b/wwwroot/js/shared.js index 2a1bba5..32b0df2 100644 --- a/wwwroot/js/shared.js +++ b/wwwroot/js/shared.js @@ -1,4 +1,7 @@ -function successToast(message) { +function returnToGarage() { + window.location.href = '/Home'; +} +function successToast(message) { Swal.fire({ toast: true, position: "top-end", diff --git a/wwwroot/js/vehicle.js b/wwwroot/js/vehicle.js index 184f5fc..d386f58 100644 --- a/wwwroot/js/vehicle.js +++ b/wwwroot/js/vehicle.js @@ -1,7 +1,4 @@ -function returnToGarage() { - window.location.href = '/Home'; -} -$(document).ready(function () { +$(document).ready(function () { var vehicleId = GetVehicleId().vehicleId; //bind tabs $('button[data-bs-toggle="tab"]').on('show.bs.tab', function (e) {