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

Move header pane style to base khoj.css for reuse. Fix logo size

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2023-07-10 13:10:17 -07:00
parent f4cef377ca
commit b2d229c116
4 changed files with 20 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -68,9 +68,10 @@ a.khoj-logo {
text-decoration: none;
font-size: 20px;
font-weight: normal;
padding: 8px;
padding: 0 4px;
border-radius: 4px;
justify-self: center;
margin: 0;
}
.khoj-nav a:hover {
background-color: var(--primary-hover);
@@ -79,6 +80,22 @@ a.khoj-logo {
background-color: var(--primary);
}
img.khoj-logo {
width: min(60vw, 100px);
width: min(60vw, 111px);
max-width: 100%;
justify-self: center;
}
@media only screen and (max-width: 600px) {
div.khoj-header {
display: grid;
grid-auto-flow: column;
gap: 20px;
padding: 16px 10px;
margin: 0 0 16px 0;
}
nav.khoj-nav {
grid-gap: 0px;
justify-content: space-between;
}
}

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

@@ -48,15 +48,6 @@
display: none;
}
div.khoj-header {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
margin-bottom: 8px;
margin-top: 8px;
padding-top: 8px;
}
body.khoj-configure {
padding: 0;
}

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

@@ -364,18 +364,6 @@
a.khoj-banner {
display: block;
}
div.khoj-header {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
margin-bottom: 8px;
margin-top: 8px;
}
nav.khoj-nav {
grid-gap: 0px;
}
}
@media only screen and (min-width: 600px) {
body {

15
src/khoj/interface/web/index.html
View File

@@ -275,19 +275,6 @@
body > * {
grid-column: 1;
}
div.khoj-header {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
margin-bottom: 8px;
margin-top: 8px;
}
nav.khoj-nav {
grid-gap: 0px;
}
}
@media only screen and (min-width: 600px) {
body {
@@ -303,7 +290,7 @@
body {
padding: 0px;
margin: 0px;
background: #f8fafc;
background: #fff;
color: #475569;
font-family: roboto, karma, segoe ui, sans-serif;
font-size: 20px;