scisharp
/
LLamaSharp
Not watched
1
0
Fork 0
Code
Releases 17 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
Browse Source

Menu tweaks.

pull/718/head
Michael Lamothe 2 years ago
parent
e09d8c2603
commit
bfa1bc65e0
7 changed files with 26 additions and 21 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +0
    -1
      .gitignore
  2. BIN
      Assets/web-ui-dark.png
  3. BIN
      Assets/web-ui-light.png
  4. +5
    -2
      LLama.Web/Pages/Index.cshtml
  5. +14
    -12
      LLama.Web/Pages/Shared/_Layout.cshtml
  6. +4
    -4
      LLama.Web/README.md
  7. +3
    -2
      LLama.Web/wwwroot/css/site.css

+ 0
- 1
.gitignore View File

@@ -347,4 +347,3 @@ site/
/LLama.Unittest/Models/*.gguf /LLama.Unittest/Models/*.gguf


/LLama.Web/appsettings.Local.json /LLama.Web/appsettings.Local.json
/LLama.Web/appsettings.Local.json

BIN
Assets/web-ui-dark.png View File

Before After
Width: 1437  |  Height: 623  |  Size: 81 kB Width: 1435  |  Height: 622  |  Size: 82 kB

BIN
Assets/web-ui-light.png View File

Before After
Width: 1437  |  Height: 620  |  Size: 79 kB Width: 1439  |  Height: 617  |  Size: 78 kB

+ 5
- 2
LLama.Web/Pages/Index.cshtml View File

@@ -88,8 +88,11 @@
</div> </div>


<div class="input-group mt-2"> <div class="input-group mt-2">
<textarea id="input" type="text" class="form-control" value="what is a tree?" style="resize:none" rows="4">What is an apple?</textarea>
<button class="btn btn-primary input-control px-5" type="button" id="send" disabled="disabled" autocomplete="off">Send</button>
<textarea id="input" type="text" class="form-control" value="what is a tree?" style="resize:none" rows="2">What is an apple?</textarea>
<button class="btn btn-primary input-control px-4" type="button" id="send" disabled="disabled" autocomplete="off">
Send
<i class="bi bi-caret-right-fill"></i>
</button>
</div> </div>


</div> </div>


+ 14
- 12
LLama.Web/Pages/Shared/_Layout.cshtml View File

@@ -12,7 +12,7 @@
</head> </head>
<body> <body>
<header> <header>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm border-bottom box-shadow">
<nav class="navbar navbar-expand-sm navbar-toggleable-sm border-bottom">
<div class="container-fluid"> <div class="container-fluid">
<img src="~/image/llama-sharp.png" class="navbar-image" /> <img src="~/image/llama-sharp.png" class="navbar-image" />
<a class="navbar-brand" asp-area="" asp-page="/Index">LLamaSharp Web</a> <a class="navbar-brand" asp-area="" asp-page="/Index">LLamaSharp Web</a>
@@ -27,37 +27,39 @@
</li> </li>
</ul> </ul>
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item dropdown pe-2">
<button class="btn btn-link nav-link dropdown-toggle" id="bd-theme" type="button" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle theme" aria-expanded="false">
<li class="nav-item dropdown theme">
<a id="bd-theme" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Theme Theme
</button>
</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li> <li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light">
<a href="#" class="dropdown-item" data-bs-theme-value="light">
<i class="bi bi-brightness-high pe-2"></i> <i class="bi bi-brightness-high pe-2"></i>
Light Light
</button>
</a>
</li> </li>
<li> <li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="dark">
<a href="#" class="dropdown-item d-flex" data-bs-theme-value="dark">
<i class="bi bi-moon-stars pe-2"></i> <i class="bi bi-moon-stars pe-2"></i>
Dark Dark
</button>
</a>
</li> </li>
<li> <li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto">
<a href="#" class="dropdown-item d-flex" data-bs-theme-value="auto">
<i class="bi bi-circle-half pe-2"></i> <i class="bi bi-circle-half pe-2"></i>
Auto Auto
</button>
</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="nav-item">
<div class="vr h-100 mx-2"></div>
</li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://github.com/SciSharp/LLamaSharp" target="_blank"> <a class="nav-link" href="https://github.com/SciSharp/LLamaSharp" target="_blank">
<div class="d-flex flex-row align-items-center"> <div class="d-flex flex-row align-items-center">
<h5 class="mb-0">
<h5 class="mb-0" title="LLamaSharp on GitHub">
<i class="bi bi-github"></i> <i class="bi bi-github"></i>
<span>LLamaSharp</span>
</h5> </h5>
</div> </div>
</a> </a>


+ 4
- 4
LLama.Web/README.md View File

@@ -1,13 +1,13 @@
## LLama.Web - Basic ASP.NET Core examples of LLamaSharp in action
## LLama.Web - Basic ASP.NET Core example of LLamaSharp in action
LLama.Web has no heavy dependencies and no extra frameworks over bootstrap, jquery and mustache to keep the examples clean and easy to copy over to your own project LLama.Web has no heavy dependencies and no extra frameworks over bootstrap, jquery and mustache to keep the examples clean and easy to copy over to your own project


## Websockets ## Websockets
Using signalr websockets simplifies the streaming of responses and model per connection management Using signalr websockets simplifies the streaming of responses and model per connection management


## Setup ## Setup
Models, Prompts and Inference parameters can be added to the appsettings.json.
If you would like to add your own local model files then it's best to create an appSettings.Local.json file
and add them there. The appSettings.Local.json file will be ignored by Git.
Models, Prompts and Inference parameters can be added to `appsettings.json`.
If you would like to add your own local model files then it's best to create an `appSettings.Local.json` file
and add them there. The `appSettings.Local.json` file will be ignored by Git.


**Models** **Models**
You can add multiple models to the options for quick selection in the UI, options are based on ModelParams so its fully configurable. You can add multiple models to the options for quick selection in the UI, options are based on ModelParams so its fully configurable.


+ 3
- 2
LLama.Web/wwwroot/css/site.css View File

@@ -34,6 +34,7 @@ footer {
#scroll-container { #scroll-container {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
border-radius: var(--bs-border-radius);
} }


.slider-container > .slider { .slider-container > .slider {
@@ -55,8 +56,8 @@ footer {
margin-right: 10px; margin-right: 10px;
} }


#scroll-container {
border-radius: var(--bs-border-radius);
.nav-item.theme {
margin-top: 2px;
} }


/* Dark theme values */ /* Dark theme values */


Write Preview
Loading…
Cancel
Save