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

fix grammar field width

Browse source
This commit is contained in:
Yazan Agha-Schrader 2024-05-28 00:29:08 +02:00
parent 7055d84020
commit e2d917c5f0
2 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
examples/server/themes/mount-ai/index.html
View file

@ -615,8 +615,10 @@ const BoolField = ({ label, title, name, value }) => {
const GrammarControl = () => ( const GrammarControl = () => (
html` html`
<div> <div>
<label for="template"></label> <div class="grammar">
<textarea id="grammar" name="grammar" placeholder="Use GBNF or JSON-Scheme + Converter" value="${params.value.grammar}" rows=4 oninput=${updateParams}/> <label for="template"></label>
<textarea id="grammar" name="grammar" placeholder="Use GBNF or JSON-Scheme + Converter" value="${params.value.grammar}" rows=4 oninput=${updateParams}/>
</div>
<div class="grammar-columns"> <div class="grammar-columns">
<div class="json-schema-controls"> <div class="json-schema-controls">
<input type="text" name="prop-order" placeholder="Order: prop1,prop2,prop3" oninput=${updateGrammarJsonSchemaPropOrder} /> <input type="text" name="prop-order" placeholder="Order: prop1,prop2,prop3" oninput=${updateGrammarJsonSchemaPropOrder} />

10
examples/server/themes/mount-ai/style.css
View file

@ -78,8 +78,8 @@ p {
.json-schema-controls { .json-schema-controls {
margin-top: 10px; margin-top: 10px;
width: 97%; width: 100%;
max-width: 97%; max-width: 100%;
display: grid; display: grid;
grid-template: "a a"; grid-template: "a a";
gap: 1em; gap: 1em;
@ -443,7 +443,11 @@ button:disabled {
box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
} }
/* Grammar text field */ .grammar {
width: 97%;
max-width: 97%;
}
textarea { textarea {
padding: 5px; padding: 5px;
flex-grow: 1; flex-grow: 1;