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

Collapse navigation tabs into icons on mobile. Add spacing to them

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2024-04-07 14:52:06 +05:30
parent 93edd5427f
commit e45edbb992
2 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/khoj/interface/web/assets/khoj.css
View File

@@ -76,6 +76,9 @@
padding: 16px 0; padding: 16px 0;
margin: 0; margin: 0;
} }
.khoj-header {
align-items: center;
}
.khoj-footer { .khoj-footer {
margin: 16px 0 0 0; margin: 16px 0 0 0;
} }
@@ -112,6 +115,9 @@ a.khoj-logo {
.khoj-nav-selected { .khoj-nav-selected {
background-color: var(--primary); background-color: var(--primary);
} }
span.khoj-nav-item-text {
padding-left: 8px;
}
img.khoj-logo { img.khoj-logo {
width: min(60vw, 90px); width: min(60vw, 90px);
max-width: 100%; max-width: 100%;
@@ -212,4 +218,10 @@ img.khoj-logo {
grid-gap: 0px; grid-gap: 0px;
justify-content: space-between; justify-content: space-between;
} }
a.khoj-nav {
padding: 0 16px;
}
span.khoj-nav-item-text {
display: none;
}
} }

6
src/khoj/interface/web/utils.html
View File

@@ -4,10 +4,10 @@
<img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways-500.png?v={{ khoj_version }}" alt="Khoj"></img> <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways-500.png?v={{ khoj_version }}" alt="Khoj"></img>
</a> </a>
<nav class="khoj-nav"> <nav class="khoj-nav">
<a id="chat-nav" class="khoj-nav" href="/chat">💬 Chat</a> <a id="chat-nav" class="khoj-nav" href="/chat">💬 <span class="khoj-nav-item-text">Chat</span></a>
<a id="agents-nav" class="khoj-nav" href="/agents">🧞‍♂️️️ Agents</a> <a id="agents-nav" class="khoj-nav" href="/agents">🤖 <span class="khoj-nav-item-text">Agents</span></a>
{% if has_documents %} {% if has_documents %}
<a id="search-nav" class="khoj-nav" href="/search">🔎 Search</a> <a id="search-nav" class="khoj-nav" href="/search">🔎 <span class="khoj-nav-item-text">Search</span></a>
{% endif %} {% endif %}
<!-- Dropdown Menu --> <!-- Dropdown Menu -->
{% if username %} {% if username %}