rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

Finder barebones

Browse Source
This commit is contained in:
somebody
2022-08-31 20:32:52 -05:00
parent 0d26a027df
commit 57ae0b2de9
2 changed files with 99 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
static/koboldai.css
View File

@@ -1737,6 +1737,68 @@ body {
font-size: 50vh; font-size: 50vh;
opacity: 0.7; opacity: 0.7;
} }
/* Finder */
#finder-container {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0px;
top: 0px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99999999;
width: 100vw;
height: 100vh;
}
#finder {
width: 25%;
background-color: var(--flyout_background_pinned);
padding: 10px;
border-radius: 4px;
}
#finder-input {
width: 100%;
padding: 5px;
border: none;
}
.finder-result {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 3px;
margin-top: 5px;
background-color: var(--input_background);
cursor: pointer;
}
.finder-result > .result-textblock > span {
display: block;
}
.result-title {
font-weight: bold;
font-size: 15px;
}
.result-details {
margin-left: 15px;
opacity: 0.7;
}
.result-icon {
display: flex !important;
align-items: center;
}
/*---------------------------------- Global ------------------------------------------------*/ /*---------------------------------- Global ------------------------------------------------*/
.hidden { .hidden {
display: none; display: none;

37
templates/index_new.html
View File

@@ -143,5 +143,42 @@
<div id="file-upload-notice" class="hidden"> <div id="file-upload-notice" class="hidden">
<span class="material-icons-outlined">upload_file</span> <span class="material-icons-outlined">upload_file</span>
</div> </div>
<div id="finder-container" class="hidden">
<div id="finder">
<input id="finder-input" placeholder="Search for something..."></input>
<div class="finder-result">
<div class="result-textblock">
<span class="result-title">Result Title</span>
<span class="result-details">Here is a description of what you're about to go to</span>
</div>
<span class="result-icon material-icons-outlined">open_in_new</span>
</div>
<div class="finder-result">
<div class="result-textblock">
<span class="result-title">Result Title</span>
<span class="result-details">Here is a description of what you're about to go to</span>
</div>
<span class="result-icon material-icons-outlined">open_in_new</span>
</div>
<div class="finder-result">
<div class="result-textblock">
<span class="result-title">Result Title</span>
<span class="result-details">Here is a description of what you're about to go to</span>
</div>
<span class="result-icon material-icons-outlined">open_in_new</span>
</div>
<div class="finder-result">
<div class="result-textblock">
<span class="result-title">Result Title</span>
<span class="result-details">Here is a description of what you're about to go to</span>
</div>
<span class="result-icon material-icons-outlined">open_in_new</span>
</div>
</div>
</div>
</body> </body>
</html> </html>