Fix duplicate logo on kiosk Welcome screen; enlarge welcome logo

Layout rendered a small logo at top of every kiosk page. Welcome.cshtml
also rendered its own centered logo, resulting in two logos. Suppress
the layout logo on the Welcome screen via HideLayoutLogo ViewBag flag.
Bump kiosk-welcome-logo from 120x280 to 200x420 for better presence.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-13 17:21:27 -04:00
parent 856d202b78
commit 350f2d7658
3 changed files with 7 additions and 3 deletions
@@ -1,6 +1,7 @@
@{
Layout = "~/Views/Shared/_KioskLayout.cshtml";
ViewData["Title"] = "Welcome";
ViewBag.HideLayoutLogo = true;
}
<div id="kiosk-welcome-root"
@@ -18,7 +18,9 @@
<div class="container py-4" style="max-width:720px;">
@* Logo *@
@* Logo — hidden on Welcome screen which renders its own centered logo *@
@if (!(bool)(ViewBag.HideLayoutLogo ?? false))
{
<div class="text-center mb-3">
@if (!string.IsNullOrEmpty(ViewBag.CompanyLogoUrl as string))
{
@@ -30,6 +32,7 @@
<span class="fw-bold fs-5 text-muted">@ViewBag.CompanyName</span>
}
</div>
}
@* Step dots *@
@if (kioskStep > 0)
+2 -2
View File
@@ -130,8 +130,8 @@ body.kiosk-body {
}
.kiosk-welcome-logo {
max-height: 120px;
max-width: 280px;
max-height: 200px;
max-width: 420px;
object-fit: contain;
margin-bottom: 2rem;
}