sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-23 23:48:56 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 16

Render each file, folder to index row with icon in desktop app

Browse source 
Make the file, folders to index look less like an editable field
This commit is contained in:
Debanjum Singh Solanky 2023-11-03 00:16:11 -07:00
parent 80ae132cad
commit 126d3f4563
2 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/interface/desktop/config.html
View file

@ -179,7 +179,7 @@
.card-input {
padding: 4px;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
border: none;
width: 450px;
}
@ -301,7 +301,7 @@
div.file-element,
div.folder-element {
display: grid;
grid-template-columns: auto 1fr;
grid-template-columns: 1fr auto 1fr;
border: 1px solid rgb(229, 229, 229);
border-radius: 4px;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1),0px 1px 2px -1px rgba(0,0,0,0.8);

14
src/interface/desktop/renderer.js
View file

@ -61,6 +61,13 @@ toggleFoldersButton.addEventListener('click', () => {
function makeFileElement(file) {
let fileElement = document.createElement("div");
fileElement.classList.add("file-element");
let fileIconElement = document.createElement("img");
fileIconElement.classList.add("card-icon");
fileIconElement.src = "./assets/icons/plaintext.svg";
fileIconElement.alt = "File";
fileElement.appendChild(fileIconElement);
let fileNameElement = document.createElement("div");
fileNameElement.classList.add("content-name");
fileNameElement.innerHTML = file.path;
@ -82,6 +89,13 @@ function makeFileElement(file) {
function makeFolderElement(folder) {
let folderElement = document.createElement("div");
folderElement.classList.add("folder-element");
let folderIconElement = document.createElement("img");
folderIconElement.classList.add("card-icon");
folderIconElement.src = "./assets/icons/folder.svg";
folderIconElement.alt = "File";
folderElement.appendChild(folderIconElement);
let folderNameElement = document.createElement("div");
folderNameElement.classList.add("content-name");
folderNameElement.innerHTML = folder.path;