sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-27 17:35:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Put type dropdown, regenerate button on same row. Regain screen space

Browse source
This commit is contained in:
Debanjum Singh Solanky 2022-08-05 06:17:43 +03:00
parent 017e287b8a
commit 24ccba74d4
1 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/interface/web/index.html
View file

@ -130,11 +130,13 @@
<!--Add Text Box To Enter Query, Trigger Incremental Search OnChange -->
<input type="text" id="query" onkeyup=incremental_search(event) autofocus="autofocus" placeholder="What is the meaning of life?">
<!--Add Dropdown to Select Query Type -->
<select id="type"></select>
<div id="options">
<!--Add Dropdown to Select Query Type -->
<select id="type"></select>
<!--Add Button To Regenerate -->
<button id="regenerate" onclick="regenerate()">Regenerate</button>
<!--Add Button To Regenerate -->
<button id="regenerate" onclick="regenerate()">Regenerate</button>
</div>
<!-- Section to Render Results -->
<div id="results"></div>
@ -180,10 +182,24 @@
font-weight: 200;
color: #888;
}
button {
#options {
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
}
#options > * {
padding: 15px;
border-radius: 5px;
border: 1px solid #ccc;
}
#options > select {
margin-right: 5px;
}
#options > button {
margin-left: 5px;
}
#query {
font-size: larger;
}
@ -207,7 +223,6 @@
#json {
white-space: pre-wrap;
}
#results-markdown {
text-align: left;
}