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

Update action row padding in cards on config page of web app

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2023-11-10 16:32:22 -08:00
parent 54d4fd0e08
commit 9b6c5ddba4
2 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/khoj/interface/web/base_config.html
View File

@@ -109,7 +109,7 @@
display: grid; display: grid;
grid-template-rows: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr);
gap: 8px; gap: 8px;
padding: 24px 16px; padding: 24px 16px 8px;
width: 320px; width: 320px;
height: 180px; height: 180px;
background: var(--background-color); background: var(--background-color);
@@ -162,10 +162,13 @@
color: grey; color: grey;
font-size: 16px; font-size: 16px;
} }
.card-button-row { .card-description-row {
padding-top: 4px;
}
.card-action-row {
display: grid; display: grid;
grid-template-columns: auto; grid-auto-flow: row;
text-align: right; justify-content: left;
} }
.card-button { .card-button {
border: none; border: none;
@@ -287,6 +290,7 @@
select#chat-models { select#chat-models {
margin-bottom: 0; margin-bottom: 0;
padding: 8px;
} }

40
src/khoj/interface/web/config.html
View File

@@ -29,12 +29,12 @@
{% endif %} {% endif %}
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</a> </a>
</div> <div id="clear-computer" class="card-action-row"
<div id="clear-computer" class="card-action-row" style="display: {% if not current_model_state.computer %}none{% endif %}">
style="display: {% if not current_model_state.computer %}none{% endif %}"> <button class="card-button" onclick="clearContentType('computer')">
<button class="card-button" onclick="clearContentType('computer')"> Disable
Disable </button>
</button> </div>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
@@ -61,13 +61,13 @@
{% endif %} {% endif %}
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</a> </a>
</div> <div id="clear-github"
<div id="clear-github" class="card-action-row"
class="card-action-row" style="display: {% if not current_model_state.github %}none{% endif %}">
style="display: {% if not current_model_state.github %}none{% endif %}"> <button class="card-button" onclick="clearContentType('github')">
<button class="card-button" onclick="clearContentType('github')"> Disable
Disable </button>
</button> </div>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
@@ -94,13 +94,13 @@
{% endif %} {% endif %}
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</a> </a>
</div> <div id="clear-notion"
<div id="clear-notion" class="card-action-row"
class="card-action-row" style="display: {% if not current_model_state.notion %}none{% endif %}">
style="display: {% if not current_model_state.notion %}none{% endif %}"> <button class="card-button" onclick="clearContentType('notion')">
<button class="card-button" onclick="clearContentType('notion')"> Disable
Disable </button>
</button> </div>
</div> </div>
</div> </div>
</div> </div>