fix(blazorui): resolve style issues in advanced sample on BitNavBar d…

…emo page #9456 (#9457)
bitfoundation · Dec 12, 2024 · a46a81b · a46a81b
1 parent 14b9354
commit a46a81b
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/...lient/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/NavBar/BitNavBarDemo.razor.scss b/...lient/Bit.BlazorUI.Demo.Client.Core/Pages/Components/Navs/NavBar/BitNavBarDemo.razor.scss
@@ -40,7 +40,7 @@
         background-color: var(--bit-clr-fg-sec);
     }
 
-    .mobile-frame:before {
+    .mobile-frame::after {
         top: 10px;
         left: 50%;
         content: '';

diff --git a/...zorUI.Demo.Client.Core/Pages/Components/Navs/NavBar/_BitNavBarCustomDemo.razor.samples.cs b/...zorUI.Demo.Client.Core/Pages/Components/Navs/NavBar/_BitNavBarCustomDemo.razor.samples.cs
@@ -257,7 +257,7 @@ public class MenuItem
         overflow: hidden;
     }
 
-    .mobile-frame:before {
+    .mobile-frame::after {
         content: '';
         display: block;
         width: 60px;

diff --git a/...lazorUI.Demo.Client.Core/Pages/Components/Navs/NavBar/_BitNavBarItemDemo.razor.samples.cs b/...lazorUI.Demo.Client.Core/Pages/Components/Navs/NavBar/_BitNavBarItemDemo.razor.samples.cs
@@ -167,7 +167,7 @@ public partial class _BitNavBarItemDemo
         overflow: hidden;
     }
 
-    .mobile-frame:before {
+    .mobile-frame::after {
         content: '';
         display: block;
         width: 60px;

diff --git a/...zorUI.Demo.Client.Core/Pages/Components/Navs/NavBar/_BitNavBarOptionDemo.razor.samples.cs b/...zorUI.Demo.Client.Core/Pages/Components/Navs/NavBar/_BitNavBarOptionDemo.razor.samples.cs
@@ -136,7 +136,7 @@ public partial class _BitNavBarOptionDemo
         overflow: hidden;
     }
 
-    .mobile-frame:before {
+    .mobile-frame::after {
         content: '';
         display: block;
         width: 60px;