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:
@@ -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)
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user