klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-03 05:29:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
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;
}