vbatts/llama.cpp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: adding logo and spacing fixes

Browse source
This commit is contained in:
Deepak Seth 2023-12-10 13:39:43 -08:00
parent 7cbaabb38f
commit 810a883444
1 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

34
examples/server/public/index.html
View file

@ -639,13 +639,13 @@
<form onsubmit=${submit}> <form onsubmit=${submit}>
<div> <div>
<textarea <textarea
className=${generating.value ? "loading" : null} className=${generating.value ? "loading" : null}
oninput=${(e) => message.value = e.target.value} oninput=${(e) => message.value = e.target.value}
onkeypress=${enterSubmits} onkeypress=${enterSubmits}
placeholder="Say something..." placeholder="Say something..."
rows=2 rows=2
type="text" type="text"
value="${message}" value="${message}"
/> />
</div> </div>
<div class="right"> <div class="right">
@ -655,7 +655,7 @@
<button onclick=${reset}>Reset</button> <button onclick=${reset}>Reset</button>
</div> </div>
</form> </form>
` `
} }
function CompletionControls() { function CompletionControls() {
@ -752,7 +752,7 @@
<label for="${name}">${label} <span>${value}</span></label> <label for="${name}">${label} <span>${value}</span></label>
<input type="range" id="${name}" min="${min}" max="${max}" step="${step}" name="${name}" value="${value}" oninput=${updateParamsFloat} /> <input type="range" id="${name}" min="${min}" max="${max}" step="${step}" name="${name}" value="${value}" oninput=${updateParamsFloat} />
</div> </div>
` `
}; };
const IntField = ({ label, max, min, name, value }) => { const IntField = ({ label, max, min, name, value }) => {
@ -772,13 +772,13 @@
const UserTemplateResetButton = () => { const UserTemplateResetButton = () => {
if (selectedUserTemplate.value.name == 'default') { if (selectedUserTemplate.value.name == 'default') {
return html` return html`
<button disabled>Using default template</button> <button disabled>Using default template</button>
` `
} }
return html` return html`
<button onclick=${userTemplateReset}>Reset all to default</button> <button onclick=${userTemplateReset}>Reset all to default</button>
` `
}; };
useEffect(() => { useEffect(() => {
@ -992,10 +992,10 @@
return html`<span/>` return html`<span/>`
} }
return html` return html`
<span> <span>
${llamaStats.value.predicted_per_token_ms.toFixed()}ms per token, ${llamaStats.value.predicted_per_second.toFixed(2)} tokens per second | ${llamaStats.value.predicted_per_token_ms.toFixed()}ms per token, ${llamaStats.value.predicted_per_second.toFixed(2)} tokens per second |
</span> </span>
` `
} }
// simple popover impl // simple popover impl