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 { .khoj-nav a:hover {
background-color: var(--primary-hover); background-color: var(--primary-hover);
} }
.khoj-nav-selected {
background-color: var(--primary);
}
img.khoj-logo { img.khoj-logo {
width: min(60vw, 150px); width: min(60vw, 150px);
justify-self: center; justify-self: center;

View File

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

View File

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

View File

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