microsoft / fluentui-blazor

Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications

https://www.fluentui-blazor.net

MIT License

3.78k stars 363 forks source link

NavMenu hover in Fluent Blazor Web App template #1558

Closed achmstein closed 8 months ago

achmstein commented 8 months ago

🐛 Bug Report

I created a new blazor app using Fluent Blazor Web App, but when I hove on NavMenu item there's no hover color. How can I make it look like fluentui-blazor website.

vnbaaij commented 8 months ago

This can be done with standard CSS styling and variables.

For the demo site (code is here in repository) it is done like this :

nav.sitenav { background-color: var(--neutral-layer-1); padding: 1.5rem 1rem; height: calc(100dvh - 90px); width: 18rem; overflow-y: auto; }

achmstein commented 8 months ago

@vnbaaij Thank you