1- @inject ModelSelectionService ChatService
2- @using Microsoft .FluentUI .AspNetCore .Components
1+ @using Microsoft .FluentUI .AspNetCore .Components
32<style >
4- .gradient {
5- box-shadow : 0 4px 16px rgba (0 ,0 ,0 ,0.5 );
3+ .gradient {
4+ box-shadow : 0 4px 16px rgba (0 , 0 , 0 , 0.5 );
5+ background-color : #1e1e1e !important ;
66 }
77
88 .select-label {
2929 border-color : #0078D4 ;
3030 box-shadow : 0 0 0 3px rgba (0 , 120 , 212 , 0.3 );
3131 }
32-
3332 </style >
33+
3434<nav class =" navbar navbar-expand-md navbar-dark bg-dark mb-4 gradient" >
3535 <div class =" container-fluid" >
3636 <a class =" navbar-brand" href =" " >MaIN</a >
37- <button class =" navbar-toggler @NavButtonCssClass" type =" button" data-bs-toggle =" collapse" data-bs-target =" #navbarCollapse"
38- aria-controls =" navbarCollapse" aria-label =" Toggle navigation" @onclick =" ToggleNavMenu" >
37+ <button class =" navbar-toggler" type =" button" data-toggle =" collapse" data-target =" #navbarSupportedContent" aria-controls =" navbarSupportedContent" aria-expanded =" false" aria-label =" Toggle navigation" >
3938 <span class =" navbar-toggler-icon" ></span >
4039 </button >
41- <div class =" collapse navbar-collapse @NavBarCssClass " id =" navbarCollapse " @onclick = " ToggleNavMenu " >
40+ <div class =" collapse navbar-collapse" id =" navbarSupportedContent " >
4241 <ul class =" navbar-nav mb-2 mb-md-0" >
4342 <li class =" nav-item" >
4443 <NavLink class =" nav-link" href =" " Match =" NavLinkMatch.All" >
5049 <span class =" oi oi-plus" aria-hidden =" true" ></span > 💬 Chat
5150 </NavLink >
5251 </li >
53-
5452 </ul >
55- @* <div class="nav-item" style="color: white; position: absolute; right: 0"> *@
56- @* Model: *@
57- @* <FluentSelect TOption="string" id="modelSelect" Value="@ChatService.SelectedModel" *@
58- @* Class="select-element" style="padding: 10px"> *@
59- @* @foreach (var model in models) *@
60- @* { *@
61- @* <FluentOption TOption="string" Value="@model">@model </FluentOption> *@
62- @* } *@
63- @* </FluentSelect> *@
64- @* </div> *@
6553 </div >
6654 </div >
6755</nav >
6856
6957@code {
70-
71- string [] models = { " llama3:70b" , " gemma:2b" }; // Define your models here
72-
7358 private bool collapseNavMenu = true ;
74- private string ? NavBarCssClass => collapseNavMenu ? null : " show" ;
75- private string ? NavButtonCssClass => collapseNavMenu ? " collapsed" : null ;
76-
77- private void ToggleNavMenu ()
78- {
79- collapseNavMenu = ! collapseNavMenu ;
80- }
8159
8260}
0 commit comments