Highlight currently active tab in web interface for orientation

This commit is contained in:
Debanjum Singh Solanky
2023-06-21 23:52:57 -07:00
parent 2728c714d7
commit 26abafa658
4 changed files with 6 additions and 4 deletions

View File

@@ -64,6 +64,9 @@
.khoj-nav a:hover {
background-color: var(--primary-hover);
}
.khoj-nav-selected {
background-color: var(--primary);
}
img.khoj-logo {
width: min(60vw, 150px);
justify-self: center;

View File

@@ -13,7 +13,7 @@
<nav class="khoj-nav">
<a href="/chat">Chat</a>
<a href="/">Search</a>
<a href="/config">Settings</a>
<a class="khoj-nav-selected" href="/config">Settings</a>
</nav>
</div>
<div class=”content”>
@@ -104,7 +104,6 @@
text-align: right;
}
.primary-button {
background-color: var(--evening-sun);
border: none;
color: white;
padding: 15px 32px;

View File

@@ -108,7 +108,7 @@
<div class="khoj-header">
<img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
<nav class="khoj-nav">
<a href="/chat">Chat</a>
<a class="khoj-nav-selected" href="/chat">Chat</a>
<a href="/">Search</a>
<a href="/config">Settings</a>
</nav>

View File

@@ -194,7 +194,7 @@
<img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
<nav class="khoj-nav">
<a href="/chat">Chat</a>
<a href="/">Search</a>
<a class="khoj-nav-selected" href="/">Search</a>
<a href="/config">Settings</a>
</nav>
</div>