u

src/FrontOffice.Main/Pages/_Host.cshtml

@@ -1,4 +1,4 @@
-@page "/"
+@page "/"
 @using Microsoft.AspNetCore.Components.Web
 @namespace FrontOffice.Main.Pages
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@@ -22,17 +22,55 @@
 
     <div id="blazor-error-ui">
         <environment include="Staging,Production">
-            ?? ??? ?? ???? ???. ??? ?????? ???? ??? ?? ???? ???????? ???? ?????? ?????.
+            یک خطا رخ داده است. این برنامه ممکن است تا زمان بارگذاری مجدد پاسخگو نباشد.
         </environment>
         <environment include="Development">
-            ???? ??????????? ?? ????? ?????? ???. ???? ?????? ??????? ????? ????? (DevTools) ?????? ?? ????? ??????.
+            خطای مدیریت‌نشده ای اتفاق افتاده است. برای مشاهده جزئیات، ابزار توسعه (DevTools) مرورگر را بررسی نمایید.
         </environment>
-        <a href="" class="reload">???????? ????</a>
-        <a class="dismiss">??</a>
+        <a href="" class="reload">بارگذاری مجدد</a>
+        <a class="dismiss">🗙</a>
     </div>
 
     <script src="_framework/blazor.server.js"></script>
     <script src="_content/MudBlazor/MudBlazor.min.js"></script>
+    <script>
+        // elementId: id نوار (مثلاً "top")
+        // containerSelector: کانتینری که اسکرول می‌خوره؛ برای MudLayout معمولا ".mud-main-content"
+        // threshold: آستانه پیکسل
+        function changeNavBgOnBodyScroll(elementId, containerSelector = null, threshold = 10) {
+            var navbar = document.getElementById(elementId);
+            if (!navbar) return;
+
+            var container = containerSelector ? document.querySelector(containerSelector) : window;
+
+            var getScrollTop = function () {
+                if (container === window) {
+                    return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+                }
+                return container.scrollTop || 0;
+            };
+
+            var update = function () {
+                var y = getScrollTop();
+                if (y >= threshold) {
+                    navbar.classList.add("white", "mud-elevation-2");
+                } else {
+                    navbar.classList.remove("white", "mud-elevation-2");
+                }
+            };
+
+            // گوش دادن به اسکرول روی کانتینر درست
+            (container === window ? window : container).addEventListener("scroll", update, { passive: true });
+
+            // برای بارگذاری اولیه / تغییر اندازه / بازگشت از تاریخچه
+            window.addEventListener("load", update);
+            window.addEventListener("resize", update);
+            window.addEventListener("pageshow", update);
+
+            // اجرای اولیه (حتی اگر کاربر اسکرول نکرده)
+            requestAnimationFrame(update);
+        }
+    </script>
 </body>
 </html>